Question

以下适用于Internet Explorer和Chrome但不适用于firefox，我想知道为什么（类.absolutePos的元素没有移动）。

    $("#eTable_body").scroll(function() {
        $('.absolutePos').css('left', $('#eTable_body').scrollLeft() + 'px');
        console.log($('#eTable_body').scrollLeft());
    });

它在Firefox中打印：scrollleft也可以工作，但它不会在屏幕上移动.absolutePos元素。我在下面的班级有相对位置，如果我将它改为绝对位置，那么它看起来很难看，所以我不想改变班级的位置。为了让它在firefox中运行，还有什么我可以做的吗？

.absolutePos{
    position:relative;
    left:0px;
    top:auto;
    z-index: 1000;
    opacity: 1;
    background-color: #f5f5f5;
    padding: 0px;
    margin: 0px;
}

修改

以下小提琴是简化版。如果你用chrome测试它，你会看到该类会移动，但它不会在firefox中移动。现在，我无法在课堂上保持绝对位置＆＃34; absolutePos＆＃34;。所以我的问题是，还有什么我可以做的，使它在Firefox中工作？ http://jsfiddle.net/YMvk9/4902/

Answer 1

这应该是一个评论，但我的代表太小了。更改 .headcol 的CSS，如下所示：

.headcol {
    display: block;
    position: relative;
    border-width: 3px 0px 3px 3px;
    background-color: #00ff00;
    zIndex: 2; /* more only if you really need that */
}

这适用于所有浏览器，但是：“不要问我原因！”

Scrollleft无法在Firefox中运行

1 个答案: