javascript - 在控制台输出滚动位置

标签 javascript jquery html

<分区>

我正在尝试输出滚动位置,但我的解决方案似乎没有按预期工作。我做错了什么?

$(document).ready(function() {
    var tempScrollTop = $(window).scrollTop();
    function example() {
        console.log("Scroll from Top: " + tempScrollTop.toString());
    };
});
<body>      
    <p>some text</p>
    <!-- there are many <p> elements -->
    <p>some text</p>        
</body>

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

最佳答案

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

$(window).scroll(example);

function example() {
  var tempScrollTop = $(window).scrollTop();
  console.log("Scroll from Top: " + tempScrollTop.toString());
};
html, body {
  height: 2000px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

关于javascript - 在控制台输出滚动位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35393147/

相关文章:

javascript - 无法确定为什么我收到 "Unexpected token }"

javascript - 单击在任何情况下都不起作用

Javascript:函数出现故障

javascript - 自动完成 : prevent Change event after Select event

javascript - 为什么我在网站特定页面 : Internal Server Error when browsing to index1. php 文件中出现错误?

javascript - IE 版本控制 JScript Html

javascript - 没有 alert() 触发无限循环

javascript - 单击按钮后基于选择的 div 在 SweetAlert2 弹出消息中包含不同的图像

html - 将 css 样式设置为 HTML 文本区域行

javascript - FabricJs:在 FabricJs Canvas 中绘制按钮的网格/数组(p*p)