如何在某个DIV元素上启用正常滚动行为

时间:2015-10-19 20:29:53

标签: javascript jquery

我在使用单页滚动操作时遇到了一些问题。我希望第一个是整页,当它们向下滚动时,它将整页滚动到下一个元素。但是当它们到达第二节元素时 - 它将恢复为常规滚动行为。这是因为页面的其余部分不是整页或一页。

我基本上希望介绍是一个完整的页面,然后整页滚动到下一部分,他们可以正常地向下滚动。当他们向上滚动到第一部分时,它应该全页再次滚动到介绍。

我正在使用以下代码。这适用于整页过渡到第2部分,但我无法弄清楚如何在它们到达第2部分后恢复正常的滚动行为。

std::set

1 个答案:

答案 0 :(得分:0)

隐藏浏览器的滚动条(从而使整个页面看起来像)将overflow:hidden css-property应用于正文

$(document.body).css('overflow', 'hidden');

当您通过javascript向下滚动到用户应该能够使用标准滚动滚动的部分时,只需通过

自动完成滚动条处理
$(document.body).css('overflow', 'auto');

因此,每当您通过javascript滚动到整页视图时应用第一个javascript-snippet,每次您再次滚动到正常的可滚动部分时应用后者。