1

我有一段代码在这里工作：http: //jsfiddle.net/Tgm6Y/4302/

这是jquery的一个片段：

    (function(window){
$.fn.stopAtTop= function () {
    var $this = this,
        $window = $(window),
        thisPos = $this.offset().top,
        //thisPreservedTop = $this.css("top"),
        setPosition,
        under,
        over;

    under = function(){
        if ($window.scrollTop() < thisPos) {
            $this.css({
                position: 'absolute',
                top: ""
            });
            setPosition = over;
        }
    };

    over = function(){
        if (!($window.scrollTop() < thisPos)){
            $this.css({
                position: 'fixed',
                top: 0
            });
            setPosition = under;
        }
    };

    setPosition = over;

    $window.resize(function()
    {
        bumperPos = pos.offset().top;
        thisHeight = $this.outerHeight();
        setPosition();
    });

    $window.scroll(function(){setPosition();});
    setPosition();
};
})(window);

$('#one').stopAtTop();
$('#two').stopAtTop();
$('#three').stopAtTop();
$('#four').stopAtTop();

但是我不知道如何滚动 div 如果它大于可视区域，然后在它到达底部时开始滚动它下面的 div。

例如，在上面页面的#one 中，您可以看到 hello，但永远看不到最后 2 个短语（End、Start Scrolling）。我已经重新调整了 CSS，让它不是 100% 的 with，但这仍然不能解决这个问题。

在 JavaScript / Jquery 中，我需要找到一种方法，在显示 div 中的所有数据之前不滚动其下方的 div，然后向上滚动执行相同操作。任何帮助，将不胜感激。

谢谢，

4

0 回答 0