ScrollTop等于一个不起作用的值
ScrollTop equal a value not working
我试图运行一个脚本时,滚动位置是一定的值。
为什么不工作?
<script type="text/javascript">
$(document).scroll(function () {
if ($(document).scrollTop() == 1500) {
$.scrollLock(true);}
});
</script>
当我改变==>=它确实工作,但这不是我想要的。我只想让它在1500点工作。
当你在浏览器中滚动时,滚动条不会在1px段内向下滚动,而是在周围跳跃。在Chrome中,滚动一个段会使你向上或向下移动100px(参见这个演示)。
你能做的就是在你的值上灵活一点。你可以将其设置为在1450到1550之间,而不是精确地设置为1500px。这个应该可以捕捉大多数浏览器中的滚动:
var scrollTop = $(document).scrollTop();
if (scrollTop >= 1450 && scrollTop <= 1550) {
$.scrollLock(true);
}
你可以更进一步,如果它在这个范围内,你可以把它强制到1500:
if (scrollTop >= 1450 && scrollTop <= 1550) {
$(document).scrollTop(1500);
$.scrollLock(true);
}
<<p> JSFiddle演示/strong>。 相关文章:
- 嵌套到另一个函数中的Fancybox函数;不起作用
- 另一个Ajax函数触发的Ajax函数不起作用
- 我正在创建一个聊天,但每次我发送消息时,它都不会让我再发送另一条消息,就像表格一样;不起作用
- 用键盘分页jQuery下一个和上一个控件.触发器('点击')不'不起作用
- 链接到手风琴中的另一个选项卡,嵌入的链接将不起作用
- 复选框一次选中一个不起作用
- JavaScript:两个相同的函数,一个不起作用
- 想制作一个基于URL的音频播放器,但Javascript不起作用
- 专注于输入角度不起作用
- 在页面中使用了两次多个图像上传,但第一个正在工作,另一个不起作用
- php中的mysql查询不起作用,但它在另一个php文件中起作用
- javascript正则表达式不起作用:至少一个0-9,一个a-z,一个a-z,一个来自$-_.+*'()
- Javascript验证不起作用——只要一个if语句为true,它就会停止所有if语句
- 相对于另一个元素的位置元素不起作用
- 拖放区.js + Laravel-多文件上传不起作用(仅适用于一个文件)
- 尝试制作一个类似于终端外壳的网页,为什么会出现这种情况'不起作用
- 为什么这个代码不起作用(得到一个{“错误”:“请使用POST请求”}“错误)
- 视差背景没有'不起作用(只有一个图像)
- node.js中的集群不起作用.只有一个工人总是在响应
- HTML5 canvas元素的JavaScript代码将不起作用——包含一个循环