javascript - 绝对定位但仅限于 div 内部

Question

我在使用允许固定 div 定位的粘性 javascript 函数时遇到问题。

这是函数:

$(function(){ // document ready
  if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
    var stickyTop = $('.sticky').offset().top; // returns number 
    $(window).scroll(function() { // scroll event
      var windowTop = $(window).scrollTop(); // returns number 
      if (stickyTop < windowTop) {
    $('.sticky').css({ position: 'fixed', width: 'inherit', top: 10 });
      } else {
    $('.sticky').css('position','static');
      }
    });
  }
});

但我只需要在父 div 内发生这种情况，而不是在整个页面内发生。 这是示例:

http://www.astroprodavnica.com/59/izrada-i-tumacenje-natalne-karte.html

就是右边的div。

Answer 1

父 div 应该有 position: relative 或除默认使用的 static 之外的任何其他值。

然后要在这个父级中定位，子级应该有 position: absolute。

您可以阅读更多关于定位的信息，例如here .