Javascript 页面到达特定点后停止页面滚动_Javascript_Jquery

Javascript 页面到达特定点后停止页面滚动

javascript jquery

Javascript 页面到达特定点后停止页面滚动,javascript,jquery,Javascript,Jquery,scrollTop达到一定值（比如150）后如何防止滚动 $(window).scroll(function() { if($(window).scrollTop() >=50)) { return false; // basically don't scroll } }); 除了显而易见的问题；你为什么想要这个我建议另一种方法有一个填充整个窗口的包装器，具有一定的高度，并在css中使用overflow-x:hidden 这可能

scrollTop达到一定值（比如150）后如何防止滚动

$(window).scroll(function() {   
    if($(window).scrollTop() >=50)) {
       return false;    // basically don't scroll       
    }
});

除了显而易见的问题；你为什么想要这个

我建议另一种方法

有一个填充整个窗口的包装器，具有一定的高度，并在css中使用

overflow-x:hidden

这可能是，也可能不是你想要的

如果您希望创建一个连续的站点，允许您在下一步继续滚动，我建议您只需

.slideDown（）

相关内容即可

卷轴是一个非常基本的功能，不应该无缘无故地修改它

编辑：
对于特定于ipad的解决方案，请使用包装器：

<? if (strpos($_SERVER['HTTP_USER_AGENT'],'iPad')): ?>
<!-- If iPad, add style -->
<style type="text/css">
    div#wrapper {
        height: 100%;
        overflow: hidden;
    }
</style>
<? endif; ?>

<body>
<div id="wrapper">
<!-- Content here -->
</div>
</body>


div#wrapper{
身高：100%；
溢出：隐藏；
}

使用

scrollTo

功能设置滚动高度。它不会从x滚动到y，只会滚动到y

因此，基本上你不能停止滚动，因为你的事件在设置为y后会被调用。比较高度后，您可能可以在处理程序内部设置所需的

滚动高度
if($(window).scrollTop() >=50) 
{ 
    $(window).scrollTop(0); 
}

注意：在元素上使用它是可以忍受的，但在窗口对象上使用它会让用户感到恼火。以上只是为了说明它是如何工作的
尝试在>>中滚动，如果有其他选择，我建议您不要停止此浏览器行为。用户可能会感到恼火。.scrollTop
使用scrollTo
功能设置滚动高度。它不会从x滚动到y，只会滚动到y。因此，基本上你不能停止滚动，因为你的事件在设置为y后会被调用。在比较高度后，您可能可以在处理程序内设置所需的scrollHeight<代码>如果（$（window）.scrollTop（）>=50）{$（window）.scrollTop（0）；}

-注意：在元素上使用它是可以接受的，但在窗口对象上使用它会让用户感到厌烦。以上只是为了说明它是如何工作的。尝试滚动>>我试图阻止在ipad上滚动来修复一个bug，因此，我们正在检查是否可以通过脚本阻止滚动。@user1184100尝试更新答案您可以手动更改scrollTop的值。通过将值设置为大于0，滚动条不会抖动。@Raminson从技术上讲，滚动条可以一直保持到50px，但这只是为了向OP显示，具有滚动和禁用滚动可能会让操作员感到恼火是的，你是对的，阻止用户滚动是很烦人的。

if($(window).scrollTop() >=50) 
{ 
    $(window).scrollTop(0); 
}