Question

我不得不在其容器内伪造一个div的固定位置，但相对于窗口，给它一个绝对位置，并用jquery的scrollTop（）赋予它最高值。到目前为止它似乎是一个不错的解决方案，但固定效果只适用于Chrome。在firefox和ie10中，它移动得很慢，ie9它会像振动一样

if ($.browser.webkit) {
    //First I had to do some hack in order to get the scrollTop() same return in all browsers
var bodyPos = $('body').scrollTop();
}else{

    var bodyPos = $('html,  body').scrollTop();
    }

//then I can calculate the point relative to the top of the window

var pos1 = $('#four').position().top;

var imgPos = bodyPos - pos1

$('#fixed1').css({'top': imgPos})

有谁知道如何使这个效果成为crossbrowser？

由于

Answer 1

我终于修复了，正如你在这种情况下看到的那样，我想在滚动时在图像的容器内做一个虚假的固定位置。

嗯，奥卡姆的剃刀：

我为图像创建了一个容器，并给它一个绝对位置宽度高度100％和前0。然后我将图像设置为容器的背景，并使用固定附件“etvoilà”完成工作。

有时会发生这种事情:)

假位置在Div内部固定但相对于窗口顶部，同时滚动

1 个答案: