Question

我在网页上有一个相当简单的java脚本函数，页眉，页脚和标题位于正文的页眉和页脚右侧之间，以使横幅看起来在页眉和页脚之间浮动用户滚动网页。

    $(window).scroll(function()
    {      
        if ($(window).scrollTop() > headerHeight)            
            $(".banner").css("position", "fixed");                        
        else            
            $(".banner").css("position", "relative");
    }

我想在用户滚动浏览器窗口时自动滚动/浮动/移动横幅。代码工作正常：它使横幅浮动/移动并阻止横幅在标题上浮动/移动。但是我需要再添加一个条件：横幅必须在到达网页末尾之前停止浮动，因为存在页脚。现在，当用户到达页面底部时，此代码会使横幅在页脚上移动/浮动。

任何人都可以帮助我将if条件包含在if块中作为条件吗？

Answer 1

你可能只是在一个容器中包含横幅，该容器触及页眉底部和页脚顶部，然后在其范围内启用滚动。

Answer 2

我建议你使用stickyfloat jquery插件！

演示：http://jsbin.com/eqihef
http://plugins.jquery.com/project/stickyfloat

这是一个很棒的小插件，可以为你提供很多控制。

使DIV在页眉和页脚之间浮动

2 个答案: