css - 图像位于 div 底部但在滚动后保持固定

Question

我想我以前见过这个，但我想要的是这个:

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

Answer 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>