jQuery实现自动滚动到页面顶端的方法
更新时间：2015年05月22日 15:18:13 作者：不吃皮蛋
这篇文章主要介绍了jQuery实现自动滚动到页面顶端的方法,涉及jQuery针对页面操作的相关技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现自动滚动到页面顶端的方法。分享给大家供大家参考。具体实现方法如下：
$(".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常见的事件绑定相关操作技巧与注意事项,需要的朋友可以参考下2018-09-09
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
下面小编就为初学者们分享一篇(模仿京东用户注册)用JQuery实现简单表单验证，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了jQuery对象的selector属性用法,实例分析了selector属性返回选择器的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这两天的工作内容不多，基本是关于jquery中ajax的。之前一直都是写的最简单的ajax请求，并没关注怎么获取ajax返回值的问题。2015-08-08
当页面打开时我们需要执行一些操作，下面为大家介绍三种不错的方法，大家可以参考下2014-06-06
下面小编就为大家带来一篇深入理解jQuery事件绑定。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
在JQuery的许多方法中，很多方法的参数可以传入一个JSON对象，比如Ajax方法的第二个参数。怎么将文本转化成JSON对象，需要注意以下问题2011-05-05
我们在前端开发，经常要用到弹出层的效果，以前很早前就想将这个功能整理成一个公共的接口来实现了；自写的第一个jQuery插件，这里分享给大家，有需要的小伙伴参考下。2015-04-04
Superfish是一款Jquery插件，它能非常容易的建立复杂的多级下拉菜单，Superfish使用也非常普遍。你可能用Superfish实现多种菜单效果。2015-04-04
只需引入jqery.js,不需要引入插件，利用jquery定义的一些基本方法，就能实现诸如隐藏，显示，淡入，淡出，半透明等2010-12-12
最新评论