Прокрутка div содержится в div с помощью jQuery?

Question

Мне нужно создать прокручиваемый div (div, который плавает рядом с вами, когда вы прокручиваете страницу вниз), но мне нужно ограничить его внутри родителя.

Мне это нужно, чтобы я мог сделать это несколькими делениями, чтобы по мере прокрутки пользователя информация не терялась. До сих пор я пытался сделать относительный и абсолютный метод (где родитель имеет относительную позицию, а ребенок имеет абсолют), но он переполняется, и я не уверен, куда идти дальше.

$(window).scroll(function() {
        $('.item_info').css('top', $(this).scrollTop() + "px");
    });

Не уверен, как это сдержать. Любая помощь?

Answer 1

Добавить условие, например ...

var parent =  $('.item_info').parent();

if (window.scrollTop
    >= parent.attr('scrollTop') + parent.attr('scrollHeight')) {
   return;
}

Это, очевидно, пример кода, настройте его в соответствии с вашими требованиями.

Answer 2

Вы уже пробовали http://plugins.jquery.com/project/stickyfloat Это плагин jQuery, посмотрите, делает ли он то, что вам нужно.

Удачи.