React、Vue使用js初始頁面將指定內容滑動到可見區域

比如說某一個頁面初始進入後需要將某一塊內容滑動到可見的區域，這塊區域比如說是

<div>我是一個元素，需要進入頁面後直接可以看到我，並且我的位置比較靠下已經超出了屏幕的高度</div>

1. 具體實現
   將div上面加一個id比如是box

如果是react可以在useEffect裏面寫這段代碼，如果是vue2需要在mounted裏面寫這段代碼
setTimeout(() => {
  document
    ?.getElementById('box')
    ?.scrollIntoView({ block: 'start', behavior: 'smooth' });
}, 500);

語法參數

示例

var element = document.getElementById("box");
 
element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({behavior: "instant", block: "end", inline: "nearest"});