使用jQuery滚动div中包含的div？

Question

我需要创建一个滚动div（当你向下滚动页面时，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插件，看看它是否能满足您的需求。

祝你好运。