Почему позиция: исправлена ​​ошибка, из-за которой div выходил за пределы родителя - PullRequest
Новая
       11

Почему позиция: исправлена ​​ошибка, из-за которой div выходил за пределы родителя

0 голосов
/ 27 мая 2018

Я сделал это: https://jsfiddle.net/f69gu8ss/2/

Когда я делаю position:fixed, заголовок выходит за пределы родительского элемента.А также, когда я прокручиваю, он переходит в верхнюю часть страницы.Я хочу, чтобы он приклеился под изображением.Что я даю top, чтобы он приклеился под изображением ... относительно его брата или сестры?

1 Ответ

0 голосов
/ 27 мая 2018

В вашем 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/

...