html javascript smooth scroll

Question

如何使用JavaScript平滑滾動？我想平滑向下滾動DIV誰能知道如何在JavaScript代碼中添加平滑滾動下面

function scroll_to(val) { 
 
if(val== "Scroll down to div id") 
 
    document.getElementById('divid11').scrollIntoView(); 
 
}

<select onchange="scroll_to(this.value);"> 
 
<option>1111111</option> 
 
<option>2222222</option> 
 
<option >Scroll down to div id</option> 
 
<option>4444444</option> 
 
<option>5555555</option> 
 
<option>6666666</option> 
 
</select> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
 
    <div id='divid11'>scroll</div>

Answer 1

這是一般已經回答here。因此，使用JQuerys .animate函數結合ScrollTop可以爲您解決問題。

爲了做到這一點，沒有JQuery，你可以按照this教程。

Answer 2

在您的身體中使用此腳本進行平滑滾動。

<script type="text/javascript"> 
    $(function() { 
     $('a[href*=#]:not([href=#])').click(function() { 
      if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
       var target = $(this.hash); 
       target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
       if (target.length) { 
        $('html,body').animate({ 
         scrollTop: target.offset().top 
        }, 1000); 
        return false; 
       } 
      } 
     }); 
    }); 
    </script>