向下和向上滚动

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了向下和向上滚动相关的知识，希望对你有一定的参考价值。

  1. <html xmlns="http://www.w3.org/1999/xhtml" >
  2. <head>
  3.     <title>Scroll to Bottom or Top - DevCurry.com</title>
  4.     <script type="text/javascript"
  5.     src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  6.     </script>
  7.      <script type="text/javascript" language="javascript">
  8.          $(function () {
  9.              $('#scrlBotm').click(function () {
  10.                  $('html, body').animate({
  11.                      scrollTop: $(document).height()
  12.                  },
  13.                  1500);
  14.                  return false;
  15.              });
  16.  
  17.              $('#scrlTop').click(function () {
  18.                  $('html, body').animate({
  19.                      scrollTop: '0px'
  20.                  },
  21.                  1500);
  22.                  return false;
  23.              });
  24.          });
  25.     </script>
  26. </head>
  27. <body>
  28.     <a id="scrlBotm" href="#">Scroll to Bottom</a> 
  29.     <div style="height:1000px"></div>
  30.     <a id="scrlTop" href="#">Scroll to Top</a>
  31. </body>
  32. </html>

以上是关于向下和向上滚动的主要内容，如果未能解决你的问题，请参考以下文章

向上滚动和向下滚动时导航按钮的颜色变化

Android：向上滚动时显示工具栏（向上拖动），向下滚动时隐藏（向下拖动）

使用 jQuery 确认和 scrollTop 导致页面向上滚动然后向下滚动

js如何判断鼠标滚轮是向下还是向上滚动

如何在快速向上或向下滚动时退出键盘？ [关闭]

在 ListView 中检测向上滚动和向下滚动