DIV在页眉和页脚之间浮动

在页眉和页脚之间的页眉和页脚之间的页眉和页脚右侧的网页上，我有以下相当简单的java脚本功能，使横幅看起来像当用户滚动网页时，会在页眉和页脚之间浮动。DIV在页眉和页脚之间浮动

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

我希望横幅在用户滚动浏览器窗口时自动滚动/浮动/移动。代码工作正常：它使横幅浮动/移动并停止横幅浮动/移动标题。但是我需要添加一个条件：由于存在页脚，所以在到达网页结束之前，横幅必须停止浮动。此代码现在会在用户到达页面底部时使横幅在页脚上移动/浮动。

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

来源

2011-09-28 zak

我会建议你使用stickyfloat jquery插件！

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

这是一个伟大的小插件，它为您提供了大量的控制。

来源

2011-09-28 10:25:21 GDW

这正是我所期待的。谢谢。让我尝试。 – zak

这可能也有帮助：http://net.tutsplus.com/tutorials/javascript-ajax/spotlight-constrained-stickies-with-jquer/ – GDW

您可能只需在包含标题底部和页脚顶部的容器中包含横幅，然后在其范围内启用滚动。

来源

2011-09-28 10:17:30

DIV在页眉和页脚之间浮动

回答

相关问题