2013-09-22 45 views
0

我有一个包含大特征部分(100%窗口)的页面,并且在其下方有一个可变高度部分的内容。当页面检测到鼠标滚轮事件时,滚动到下一个div,然后让用户继续向上或向下滚动,而不会弹回到div的顶部。仅在第一次滚动时捕捉到下一格

我明白有一些mousewheel,smoothscroll,snaptoo的组合,可能有效,但我没有看到任何只在第一个事件上执行然后死亡的东西。

回答

1

使用one很好。

$(window).one("scroll", function(){ 
    var top = $(".nextDiv").offset().top; 
    $("body").animate({scrollTop: top}, 200); 
}); 

jQuery one

+0

似乎没有奏效,也许某种与窗口高度部分的冲突? http://jsfiddle.net/picard102/9fPnt/ – Picard102

+1

修正了它,'window'没有scrollTop属性,用'body'代替[http://jsfiddle.net/9fPnt/2/](http://jsfiddle。净/ 9fPnt/2 /) – jasonslyvia