发布时间:2020-12-20 10:19 已有: 人阅读
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学习教程 |