Question

我正在尝试根据页面滚动滚动元素。它在firefox中运行正常。

        $(window).scroll(function () {
            var scrollOffset = $(this).scrollTop();
            if (scrollOffset >= ele) {
                $("#UserDataTable thead").css({ "position": "relative" });
                $("#UserDataTable thead").css({ "background-color": "white" });
                $("#UserDataTable thead").css('top', scrollOffset);
            }
            else {
                $("#UserDataTable thead").css({ "position": "" });
                $("#UserDataTable thead").css('top', ele);
            }
        });

// ele这里是我试图移动的thead元素的初始偏移量.//

jsfiddle链接是：

http://jsfiddle.net/UnPAH/3/

但这在IE 8中无效。

您能否告诉我IE8中所需的更改，以使此代码正常工作。

Answer 1

怎么样？

$(document).ready(function () {
    var ele = $("table thead").offset().top;
    $(window).scroll(function () {
        var cssProp = null,
            scrollOffset = $(this).scrollTop();
        if (scrollOffset >= ele) {
            cssProp = {
                "background-color": "white",
                'padding-top': scrollOffset
            };
        } else {
            cssProp = {
                'padding-top': ele
            }
        }
        $("table thead tr:eq(0) th").css(cssProp);
        // or $("... td").css(cssProp); what ever elements you're using there
    });
});

使用jquery Firefox v / s IE8滚动

1 个答案: