您现在的位置:主页 > 发展 >

jQuery怎样才能快速滚动到页面顶部

标签: 日期:2020-12-20 10:19来源:未知作者:admin
jQuery快速滚动到页面顶部的方法:使用【scrollTo()】方法快速滚动到页面顶部,将position参数设置为0会将页面滚动到顶部,语法为【$(window).scrollTop(position);】。 本教程操作环境:windows

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

  本教程操作环境:windows7系统、jquery3.2.1版本,该方法适用于所有品牌电脑。

  :jquery视频教程

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

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

  语法:

  $(window).scrollTop(position);

  示例:

  <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .scroll { height: 1000px; background-color: palegoldenrod; } </style> </head> <h2>使用jQuery快速滚动到页面顶部</h2> <p>单击下面的按钮,滚动到页面顶部</p> <p class="scroll">这里一段测试文本!这里一段测试文本!这里一段测试文本!</p> <button onclick="scrollToTop()">单击,滚动到顶部</button> <script src= "

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

  点击按钮后:

  相关免费学习:javascript学习教程

顶一下
(0)
0%
踩一下
(0)
0%
相关文章
共有人强势围观,期待你的评论!评论区
小提示: 本站的评论不需要审核,即发即显,有什么话你就尽管说吧,但不要过激哦,以免遭跨省处理!

验证码:点击我更换图片 匿名评论
最新评论