| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
8年前发布

纯js实现平滑滚动:scrollTo

纯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.open-open.com/lib/view/home/1445353699663

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1445353699663.html
scrollTo jQuery插件