为什么 position:fixed 让 div 出去 parent

Why is position:fixed making div go outside parent

我做了这个： https://jsfiddle.net/f69gu8ss/2/

当我执行 position:fixed 时，header 会超出 parent。而且当我滚动时它会转到页面顶部。我希望它贴在图像下方。我要给 top 什么才能让它贴在图像下方……相对于它的兄弟姐妹？

在您的 css 中添加：

.sticky {
  position: fixed;
  width: inherit;
}

另外，这里用的是jQuery：

$(document).ready(function() {
  var stickyNavTop = $('.header').offset().top;

  var stickyTopNav = function() {
    var scrollTop = $(window).scrollTop();

    if (scrollTop > stickyNavTop) {
      $('.header').addClass('sticky');
    } else {
      $('.header').removeClass('sticky');
    }
  };

  stickyTopNav();

  $(window).scroll(function() {
    stickyTopNav();
  });
});

看到这个：https://jsfiddle.net/f69gu8ss/5/