jQuery stick div on scroll

Question

У меня есть верхний фиксированный div, а затем основной кадр, содержащий два div внутри (слева и справа). Я хочу сделать правую палку «под» только под верхней панелью прокрутки.

Я положил на то, что я здесь: http://jsfiddle.net/mhD9Y/2/

$(document).ready(function(){ 

var window_top = 41 - $(window).scrollTop(); 
    var div_top = $('#stop_scroll').offset().top; 
    if (window_top > div_top) 
    $('#right').addClass('stick'); 
    else 
    $('#right').removeClass('stick'); 

}); 



.stick { 
     position: fixed !important; 
     top: 41px !important;z-index: 5 !important; -webkit-transition: all 1s ease; 
    -moz-transition: all 1s ease; 
    -o-transition: all 1s ease; 
    transition: all 1s ease; 
    } 

Дело в том, что сценарий не пинать вовсе.

спасибо

Answer 1

Поместите свой код в окно прокрутки.

$(document).ready(function(){ 
    $(window).scroll(function(){ 
     var window_top = $(window).scrollTop() - 41; 
     var div_top = $('.right').offset().top; 
     if (window_top > 41) { 
     if (!$('.right').is('.stick')) { 
      $('.right').addClass('stick'); 
     } 
     } else 
      $('.right').removeClass('stick'); 
    }); 
}); 

Либо изменить Ид = "право" класс = "вправо"

ИЛИ

Изменить свой CSS в

.stick и добавить! Важно в конце каждый атрибут.

DEMO on jsfiddle

Answer 2

Сценарий:

$(document).ready(function(){ 
     $(window).scroll(function(){ 
     var window_top = $(window).scrollTop() - 41; 
     var div_top = $('#stop_scroll').offset().top; 
     console.log(window_top, div_top); 
     if (window_top > div_top) { 
      $('#right').addClass('stick'); 
     } else { 
      $('#right').removeClass('stick'); 
     } 
     }); 
    }); 

CSS:

.stick { 
     position: fixed !important; 
     top: 41px !important; 
    }