純js實現平滑滾動：scrollTo

jopen 9年前發布 | 15K 次閱讀 scrollTo jQuery插件

純js實現平滑滾動

demo

特性

  • 支持滾動到確定位置
  • 支持zepto/jquery對象的傳入
  • 壓縮后大小不到1kb
  • 無需zepto/jquery也可以正常使用

使用場景

  • 返回頂部
  • 點擊側欄的ABCDE...字母滾動到指定區域,用于城市列表選擇等

引用

引入scrollTo.min.js: 

<script type="text/javascript" src="scrollTo.min.js"></script>

示例 

$('.charlist').delegate('.react','click',function(){
    var href = $(this).attr('href').substr(1);
        $.scrollTo($('#sub-' + href));
        //$scrollTo($('#sub-' + href)); //純js這樣使用
    return false;
});

具體代碼看demo:demo.htmldemo


項目主頁：http://www.baiduhome.net/lib/view/home/1445353699663

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！