向下滚动某个div后JQuery float div停止

Question

请检查此链接

http://jsfiddle.net/sasindu555/xaYTt/

我想在向下滚动 stop div 后停止 float special_features div。怎么做到的。请帮我。谢谢。

Answer 1

我已经修改了上面的代码，因此它可以顺利运行并且不会漂浮在停止元素上。代码风格也得到了改进。

var menu = "#menu",
        stop = '#stop';
    $(function(){
        var $menu = $(menu),
            $stop = $(stop),
            baseOffset = $menu.offset().top,
            stopOffset = $stop.offset().top;
        $(window).scroll(function () {  
            var newOffset = baseOffset + $(document).scrollTop();
            if($menu.offset().top < stopOffset || newOffset < stopOffset)
            {
                if (newOffset > stopOffset){
                    newOffset = stopOffset;
                }
                $menu.animate({top:newOffset},{duration:300,queue:false});  
            }
        });  
    }); 

http://jsfiddle.net/xaYTt/372/