jsページアンカー位置決めアニメーションスクロールを実現

2019 ワード

プロジェクトに必要な効果は、個人的にはjqueryで実現したくないので、jsで自分でやってみようと思って、少し時間をかけて、やっと実現しました.
上干货..
 1  function scrollTo(y, duration) {
 2    /*y:     ,duration:  (  )*/
 3    var scrollTop = document.body.scrollTop;/*        */
 4     var distance = y - scrollTop;/*    0,       ,  0,       */
 5     var scrollCount = duration / 10;/*10      ,      */
 6     var everyDistance = distance / scrollCount/*                  */
 7     for (var index = 1; index <= scrollCount; index++) /*    scrollBy  , duration  ,      */
 8       setTimeout(function () { window.scrollBy(0, everyDistance) }, 10 * index);
 9  }

 
転載先:https://www.cnblogs.com/JosephBee/p/7337672.html