Jquery sticky div在IE中非常紧张

Jquery sticky div在IE中非常紧张,jquery,html,css,sticky,Jquery,Html,Css,Sticky,我的页面上有3个DIV元素,垂直滚动时需要在页面顶部“粘贴”。元素在除IE系列之外的所有浏览器中都正常工作;您可以明显地看到粘性动画,它非常紧张 我使用以下javascript使我的div元素具有粘性: var name = "#webcto_menu"; var name2 = "#webcto_pane"; var name3 = "#webcto_pane_menu"; $(document).ready(function() { menuYloc = parseInt($(nam

我的页面上有3个DIV元素,垂直滚动时需要在页面顶部“粘贴”。元素在除IE系列之外的所有浏览器中都正常工作;您可以明显地看到粘性动画,它非常紧张

我使用以下javascript使我的div元素具有粘性:

var name = "#webcto_menu";
var name2 = "#webcto_pane";
var name3 = "#webcto_pane_menu";
$(document).ready(function() {
    menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc+$(document).scrollTop()+"px";
        $(name).animate({top:offset},{duration:0,queue:false});
    });
    menuYloc2 = parseInt($(name2).css("top").substring(0,$(name2).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc2+$(document).scrollTop()+"px";
        $(name2).animate({top:offset},{duration:0,queue:false});
    });
    menuYloc3 = parseInt($(name3).css("top").substring(0,$(name3).css("top").indexOf("px")))
    $(window).scroll(function () {
        offset = menuYloc3+$(document).scrollTop()+"px";
        $(name3).animate({top:offset},{duration:0,queue:false});
    });
});

如您所见,每个粘性都以0毫秒(持续时间:0)设置动画。是否可以使用此方法来表现得更像“css:fixed”元素,而无需设置回卷动画?最初我确实修复了我的元素,但当浏览器窗口太窄时(没有固定元素的水平滚动)出现问题。

如果可能,请发布一个指向页面的链接,并指定哪些版本的IE具有错误行为?我也会建议一个解决方案,你保持它们固定,但当浏览器收缩时,你在页面上放置一个元素,该元素的位置不固定,并且跨越了胶粘物的整个宽度,这样你就可以进行水平滚动。它更狡猾,但如果你能以你喜欢的方式实现它,它可能会工作得很好。如果浏览器窗口太窄,最好只使用css:fixed并更正它。我从来没有想过这样做,我可能会实现它。谢谢你的建议!