2015-04-23 71 views
1

表面上看,这个问题已被多次询问,但与我的具体情况/需求无关。停止页面滚动过去指定的Div(或页脚元素)

我最近为电子商务网站开发了产品过滤器。它的工作正常,但是,该设置涉及已被“过滤”的产品在网站底部发送出去。 虽然他们对客户来说看不见,浏览器仍然在底部为他们分配空间,因此我的网站现在可以滚动浏览页脚。

我的问题是; 是否有可能使用jQuery或CSS锁定滚动页面的某个部分?

例如;停止在页脚底部滚动。或者在页面底部插入一个带有ID的Div,并且规范没有滚动过去?

非常感谢提前。

达明

+1

这是可能的,但这将是一个问题的解决方案,你不应该摆在首位。这就像问我:“如果我坐在锋利的指甲上,我该如何阻止流血......”我可以让你把绷带放在上面,或者我可以告诉你不要坐在锋利的指甲上。 在这种情况下,您为什么要将产品移动到网站/页面的底部?相反,只需将css“display:none;”添加到这些元素中即可完全隐藏它们。或者甚至可以完全删除页面中的元素? –

+0

尝试给过滤项目的父容器一个溢出样式:隐藏。如果我更了解标记结构 – wunth

+0

,我可以提供更多详细信息感谢您的回复Hamza Kubba&Wunth。 – DieselHashtag

回答

1

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

您可以处理滚动事件,然后限制对于任何给定值滚动。

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

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

+0

谢谢维杰!我会将这段js添加到我的图书馆。干杯! – DieselHashtag

+1

如果可以帮助您,您可以标记接受的答案。 – Vijay