图像位于 div 的底部，但在滚动后保持固定答案

【问题标题】：image to have position at bottom of div but remain fixed after scrolling图像位于 div 的底部，但在滚动后保持固定
【发布时间】：2011-09-08 19:43:54
【问题描述】：

我想我以前看过这个，但我之后是这个：

我有两个并排的 div。两者都是可变长度，具体取决于用户的选择。基本上我想要的只是在左 div 的底部出现一个徽标。如果右 div 较长并最终滚动到左 div 之外，我希望如果用户滚动到左 div 底部之外，则位于左 div 底部的徽标将自行固定在顶部。我不知道我说得对不对……但这就是我想要的！非常感谢任何帮助！

【问题讨论】：

标签： css image scroll position

【解决方案1】：

如果我猜对了，你会想要这样的：

<div class="left">
    <div class="logo"></div>
</div>
<div class="right">

</div>

<script>
$('.right').scroll(
   function(){
    var logoOffset = $('.logo').offset();

    if(logoOffset.top < window.pageYOffset) 
     {$('.logo').css({'position':'fixed', 'top': '0'});}
    else 
     {$('.logo').css({'position':'absolute', 'bottom': '0'});}
   }
);
</script>

【讨论】：

【解决方案2】：

您正在描述“粘性页脚”。

【讨论】：