jQuery实现自动滚动到页面顶端的方法
2015-05-22 15:18
507 查看
$(".scroll").click(function(event) { //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split the url by # and get the anchor target //name - home in mysitecom/index.htm#home var parts = full_url.split("#"); var trgt = parts[1]; //get the top offset of the target anchor var target_offset = $("#"+trgt).offset(); var target_top = target_offset.top; //goto that anchor by setting the body scroll top to anchor top $('html, body').animate({scrollTop:target_top}, 500); });
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- jQuery实现自动滚动到页面顶端的方法
- jQuery实现页面滚动时动态加载内容的方法
- jQuery实现平滑滚动页面到指定锚点链接的方法
- jquery实现Li滚动时滚动条自动添加样式的方法
- jquery实现Li滚动时滚动条自动添加样式的方法
- 基于JQuery实现滚动到页面底端时自动加载更多信息
- 基于jquery实现页面滚动到底自动加载数据的功能
- [转]用 jQuery 实现页面滚动(Scroll)效果的完美方法
- 基于JQuery实现滚动到页面底端时自动加载更多信息
- 基于JQuery实现滚动到页面底端时自动加载更多信息
- jQuery实现页面评论栏中访客信息自动填写功能的方法
- jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息
- 使用jquery实现页面滚动到底部自动加载新的信息