javascript - 停止页面滚动到指定的 Div(或页脚元素)

Question

这个问题貌似问过好几次了，但不是我的具体情况/需求。

我最近为电子商务网站开发了一个产品过滤器。它工作正常，但是，设置涉及已被“过滤掉”的产品在站点底部发送到 View 之外。虽然客户看不到它们，但浏览器仍会在底部为它们分配空间，因此我的网站现在可以很好地滚动到页脚之外。

我的问题是；是否可以使用 jQuery 或 CSS 锁定页面特定部分的滚动？

例如；停止在页脚底部滚动。或者在页面底部插入一个带有 ID 的 Div 并指定不滚动过去？

非常感谢。

达米安

Answer 1

jsfiddle:http://jsfiddle.net/KwgMj/184/

您可以处理滚动事件，然后限制任何给定值的滚动。

$(window).scroll(function(e) {   
    if($(window).scrollTop() >=150) {
       $(window).scrollTop(150);
    }
});

只需用所需 div 的 y 位置替换“150”即可。