JavaScript 向下滚动并向上滚动

Posted

tags:

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

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Scroll to Bottom or Top - DevCurry.com</title>
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
    </script>
     <script type="text/javascript" language="javascript">
         $(function () {
             $('#scrlBotm').click(function () {
                 $('html, body').animate({
                     scrollTop: $(document).height()
                 },
                 1500);
                 return false;
             });

             $('#scrlTop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });
         });
    </script>
</head>
<body>
    <a id="scrlBotm" href="#">Scroll to Bottom</a> 
    <div style="height:1000px"></div>
    <a id="scrlTop" href="#">Scroll to Top</a>
</body>
</html>

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

javascript 检测向上或向下滚动

向下滚动以逐渐隐藏菜单栏或视图并向上滚动

向下和向上滚动

如何使用 Web 驱动程序采样器（J 表）和 javascript 和 selenium wedriver 向上和向下滚动到任何元素

在向上和向下滚动时，使.removeClass（）和.addClass（）平滑过渡

UIScrollView 不会一直向上/向下滚动