当前位置 : 主页 > 网页制作 > css >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
请检查此链接 http://jsfiddle.net/sasindu555/xaYTt/ 我想在向下滚动停止div后停止浮动special_features div.怎么做请帮我.谢谢. 尝试下面的代码 – 它按预期 http://jsfiddle.net/sasindu555/xaYTt/下降 var nam
请检查此链接

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

我想在向下滚动停止div后停止浮动special_features div.怎么做请帮我.谢谢.

尝试下面的代码 – 它按预期 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});  
        });  
    });
网友评论