当前位置: 首页 > 编程笔记 >

jquery滚动到顶部底部代码

庄嘉
2023-03-14
本文向大家介绍jquery滚动到顶部底部代码,包括了jquery滚动到顶部底部代码的使用技巧和注意事项,需要的朋友参考一下

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>图片预加载</title>
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="a">
      jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部jquery滚动到顶部底部
    </div>
    <input type="button" class="scrollTop" value="回到顶部">
</body>
</html>

JS代码

$(function(){
  $(".scrollTop").click(function(){
   $('html, body').animate({scrollTop:0}, 'slow');//回到顶部
  })
})

以上所述就是本文的全部代码了,希望大家能够喜欢。

 类似资料:
  • 本文向大家介绍android scrollview 自动滚动到顶部或者底部的实例,包括了android scrollview 自动滚动到顶部或者底部的实例的使用技巧和注意事项,需要的朋友参考一下 android scrollview 自动滚动到顶部或者底部 摘要: android scrollview 自动滚动到顶部或者底部 android scrollview 自动滚动到顶部或者底部  还有一种

  • 问题内容: 这是我的onCreate,它处理适配器,LinearLayoutManager等。我尝试了每个选项以尝试将其滚动到顶部,但不能。我什至尝试创建自己的自定义LinearLayoutManager。 问题答案: 您尝试过还是? RecyclerView不会在其中实现任何滚动逻辑,而是更加具体,它会根据实现的布局转到特定的索引,在您的情况下是线性的。

  • 本文向大家介绍jQuery 顶部导航跟随滚动条滚动固定浮动在顶部,包括了jQuery 顶部导航跟随滚动条滚动固定浮动在顶部的使用技巧和注意事项,需要的朋友参考一下  

  • 问题内容: 我需要将JScrollPane滚动到底部。JScrollPane包含一个JPanel,其中包含许多JLabel。 要滚动到顶部,我只需要: 但是如何精确滚动到最底端?(太远了,它抖动) 问题答案:

  • 问题内容: 我正在使用Ajax请求创建聊天,并且试图使消息div滚动到底部没有太多运气。 我将所有内容包装在这个div中: 有没有一种方法可以使用JS将其默认滚动到底部? 有没有一种方法可以在ajax请求后将其滚动到底部? 问题答案: 这是我在网站上使用的内容:

  • 问题内容: 我的页面很大。因此,我决定在表格底部放置一个水平滚动条。但我希望此滚动条也位于表格的顶部。 我在模板中的内容是这样的: 仅在HTML和CSS中可以这样做吗? 问题答案: 要在元素顶部模拟第二个水平滚动条,请在具有水平滚动的元素上方放置一个“虚拟” ,刚好足以容纳滚动条。然后为虚拟元素和真实元素附加“scroll”事件的处理程序,以在移动任一滚动条时使另一个元素同步。虚拟元素将看起来像真