изображение должно располагаться в нижней части div, но оставаться фиксированным после прокрутки

Question

Я думаю, что видел это раньше, но то, что я после этого:

У меня есть два div рядом. Оба имеют переменную длину в зависимости от выбора пользователя. В основном, все, что я хочу, это чтобы логотип появлялся внизу левого div. Если правый div длиннее и в итоге прокручивается мимо левого div, я хочу, чтобы логотип, который находился внизу левого div, закреплялся вверху, если пользователь прокручивает за нижнюю часть левого div. Я не знаю, правильно ли я это говорю ... но это то, чего я хочу! Любая помощь с благодарностью!

Answer 1

Вы описываете "липкий нижний колонтитул".

• http://ryanfait.com/sticky-footer/
• http://www.cssstickyfooter.com/

Answer 2

Если я правильно понял, вы хотите что-то вроде этого:

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