在控制台上输出滚动位置

Question

在控制台上输出滚动位置

我试图输出滚动位置,但我的解决方案似乎没有按预期工作.我究竟做错了什么？

$(document).ready(function() {
    var tempScrollTop = $(window).scrollTop();
    function example() {
        console.log("Scroll from Top: " + tempScrollTop.toString());
    };
});

Run Code Online (Sandbox Code Playgroud)

<body>      
    <p>some text</p>
    <!-- there are many <p> elements -->
    <p>some text</p>        
</body>

Run Code Online (Sandbox Code Playgroud)

每当我向上或向下滚动时,脚本都不会在控制台上输出.

Answer 1

Ror*_*san 5

首先,你永远不会调用该example()函数,因此它永远不会执行.您需要example()在scroll所需元素的事件下调用该函数.其次,您需要更新tempScrollTop函数内部变量的值.试试这个:

$(window).scroll(example);

function example() {
  var tempScrollTop = $(window).scrollTop();
  console.log("Scroll from Top: " + tempScrollTop.toString());
};

Run Code Online (Sandbox Code Playgroud)

html, body {
  height: 2000px;
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，6 月前
查看次数：	6044 次
最近记录：	7 年，6 月前