Question

请查看此链接

我想在向下滚动special_features div后停止浮动stop 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/

Answer 2

尝试以下代码 - 按预期工作http://jsfiddle.net/sasindu555/xaYTt/

 var name = "#special_features";  
    var menuYloc = null;  

    $(document).ready(function(){  
        $(name).css("top", $("#start").offset().top - 10);
        menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))  
        $(window).scroll(function () {  
            var offset = menuYloc+$(document).scrollTop();  
            if(offset > $("#stop").offset().top){
                offset = $("#stop").offset().top - 10; 
            }
            else if(offset < $("#start").offset().top){
                offset = $("#start").offset().top - 10; 
            }
 offset = offset+"px";           $(name).animate({top:offset},{duration:500,queue:false});  
        });  
    });

Answer 3

你可以在jquery中使用offset（）。top来做这样的事情。

if($(name).offset().top < $(stop).offset().top || newOffset < $(stop).offset().top)
{    
     $(name).animate({top:newOffset},{duration:200,queue:false});  
}

这是我的尝试（这不准确）。

http://jsfiddle.net/xaYTt/7/

编辑：哇，SE的人很快......

向下滚动某个div后，JQuery浮动div停止

3 个答案: