Html 为什么位置：固定使div离开父级

我已作出以下声明：

当我执行

position:fixed

操作时，标题会超出父级。当我滚动时，它也会转到页面的顶部。我想让它贴在图片下面。我应该给

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();
  });
});

---

见此：

我已对小提琴进行了编辑。对不起，我粘贴了错误的更新。我希望标题固定在滚动条上。对不起，我无法正确理解，你想要什么？是不是你想让图像消失，滚动时标题会粘在顶部？是的。。当我在图像下方滚动时，我希望标题是fixed@boo好的，看看编辑后的答案是否能解决您的问题。谢谢，但是如果不使用

width:90%

position:fixed，我如何避免它溢出