0

我正在尝试基于页面滚动滚动元素。它在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 中需要进行哪些更改才能使此代码正常工作。

4

1 回答 1

0


那个怎么样?

$(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
    });
});
于 2013-03-18T14:27:30.257 回答