javascript滾動到視圖與平滑滾動效果的div？

Question

我正在使用下面的JavaScript代碼來滾動我的股利當用戶點擊div時查看視圖。

<script> 
    function showDiv2() { 
    document.getElementById('about').style.display = "none"; 
    document.getElementById('terms').style.display = "none"; 
    document.getElementById('breaker').style.display = "block"; 
    document.getElementById('contact_us').style.display = "block"; 
    document.getElementById('contact_us').scrollIntoView('slow'); 
} 
</script> 

此代碼並滾動DIV進入視野，但不是順利地向下滾動到我的股利，它像是剛跳到DIV的頁面沒有影響。有沒有一種方法可以讓我順利地慢慢向下滾動到我的div？由於

Answer 1

根據Element.scrollIntoView() documentation試試這個：

element.scrollIntoView({block: "end", behavior: "smooth"}); 

，但你必須記住，這是一個實驗性的功能，只有在Firefox中工作良好