topScroll动画阻止页面在jquery中滚动

topScroll动画阻止页面在jquery中滚动,jquery,html,css,animation,Jquery,Html,Css,Animation,我已经建立了这个网站,基本上分为3个部分,我写了一些动画脚本时,滚动通过他们 <div id="home"></div> <div id="portfolio"></div> <div id="about"></div> 我似乎无法用动画来表达我的逻辑,希望能得到一些帮助 p.S.不要让丢失的图像迷惑你,我不是故意把它们包括进来的 编辑:我希望能够在转换到下一个div时使用与上面相同的代码。如果您只希望能够在动画后向下滚动

我已经建立了这个网站,基本上分为3个部分,我写了一些动画脚本时,滚动通过他们

<div id="home"></div>
<div id="portfolio"></div>
<div id="about"></div>
我似乎无法用动画来表达我的逻辑,希望能得到一些帮助

p.S.不要让丢失的图像迷惑你,我不是故意把它们包括进来的


编辑:我希望能够在转换到下一个div时使用与上面相同的代码。

如果您只希望能够在动画后向下滚动,请更改此选项:

if ( scrollTop > lastScroll && scrollTop > $('body').height() / 3)
为此:

if ( scrollTop > lastScroll && scrollTop > $('body').height() / 3 && scrollTop < divTop)
if(scrollTop>lastScroll&&scrollTop>$('body').height()/3&&scrollTop
你想在这里实现什么?@rafael也可以使用脚本在网页上自由滚动。如果打开演示,您将看到滚动在某一点被阻止。if with
$('body').stop().animate({scrollTop:divTop},50)
导致问题,因为divTop是偏移量。所以身体会滚动到那个位置。这就是为什么你不能向下滚动。你想在那里实现什么?
if ( scrollTop > lastScroll && scrollTop > $('body').height() / 3 && scrollTop < divTop)