html javascript smooth scroll

Question

Как сгладить прокрутку с помощью JavaScript? Я хочу Smooth Scroll Down To Дива Может кто-нибудь знает, как добавить плавную прокрутку в коде 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>