Question

美好的一天。我想问一下如何更改窗口顶部的距离。因为如果DIV到达顶部，条件就会运行。我希望在条件运行之前距窗口顶部大约20像素距离。

以下是我的示例JS：https://jsfiddle.net/o00kzsrb/1/

    function UpdateTableHeaders() {
        $(".panel").each(function() {
            var el         = $(this),
            offset         = el.offset(),
            scrollTop      = $(window).scrollTop(),
            floatingHeader = $(".floatingHeader", this)

            if ((scrollTop > offset.top) && (scrollTop < offset.top + el.heigh())) {
                floatingHeader.css({
                    "visibility": "visible"
                });
            } else {
                floatingHeader.css({
                    "visibility": "hidden"
                });      
            };
            });
    }

    // DOM Ready      
    $(document ).ready(function() {
        var clonedHeaderRow;
        $(".panel").each(function() {
            clonedHeaderRow = $(".panel-heading", this);
            clonedHeaderRow
            .before(clonedHeaderRow.clone())
            .css("width", clonedHeaderRow.width())
            .addClass("floatingHeader");

        });
        $(window)
        .scroll(UpdateTableHeaders)
        .trigger("scroll");

Answer 1

这会将floatingHeader设置为可见20px，然后它的面板会到达窗口的顶部。如果您希望它在20px之后，请将其更改为+20。

onDraw()

滚动后Div固定

1 个答案: