网站建设资讯

NEWS

网站建设资讯

jQuery如何才能快速滚动到页面顶部

这篇文章将为大家详细讲解有关jQuery如何才能快速滚动到页面顶部,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

成都创新互联主打移动网站、网站设计、成都网站设计、网站改版、网络推广、网站维护、域名与空间、等互联网信息服务,为各行业提供服务。在技术实力的保障下,我们为客户承诺稳定,放心的服务,根据网站的内容与功能再决定采用什么样的设计。最后,要实现符合网站需求的内容、功能与设计,我们还会规划稳定安全的技术方案做保障。

jQuery快速滚动到页面顶部的方法:使用【scrollTo()】方法快速滚动到页面顶部,将position参数设置为0会将页面滚动到顶部,语法为【$(window).scrollTop(position);】。

jQuery快速滚动到页面顶部的方法:

在jQuery中可以使用scrollTo()方法快速滚动到页面顶部。jQuery的scrollTo()方法用于设置或返回所选元素的垂直滚动条位置。通过在window属性上应用此方法,可以使用此行为滚动到页面顶部;只要将position参数设置为0会将页面滚动到顶部。

语法:

$(window).scrollTop(position);

示例:







使用jQuery快速滚动到页面顶部

    

单击下面的按钮,滚动到页面顶部

    这里一段测试文本!这里一段测试文本!这里一段测试文本!

    单击,滚动到顶部           

在页面底部,单击按钮之前:

jQuery如何才能快速滚动到页面顶部

点击按钮后:

jQuery如何才能快速滚动到页面顶部

关于jQuery如何才能快速滚动到页面顶部就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


名称栏目:jQuery如何才能快速滚动到页面顶部
分享URL:http://cdweb.net/article/jscpgp.html