Блог

Я постоянно изучал, как исправить div при прокрутке выше 100%, а затем снова установить его, когда он ниже 100%.

Я использовал этот jsfiddle для работы, когда я хочу расположиться на определенной высоте пикселя.

Любая помощь была бы высоко оценена.

Альтернативно, исправление div, когда другой div отображается, может работать так же хорошо.

Заранее спасибо.

Вот код для jsfiddle.

 function fixDiv() {
  var $cache = $('#getFixed'); 
  if ($(window).scrollTop() > 100) 
    $cache.css({'position': 'fixed', 'top': '10px'}); 
  else
    $cache.css({'position': 'relative', 'top': 'auto'});
}
$(window).scroll(fixDiv);
fixDiv();
  

просто расположите меню в верхней части экрана с фиксированным расположением :

 #myMenu{
   position : fixed;
   top : 10px;
   left : 10px;
}
  

Из ваших комментариев я думаю, что это то, чего вы пытаетесь достичь. Это будет действовать следующим образом :

У вас есть <div> со 100% высотой, вы нажимаете кнопку, и страница прокручивается вниз до следующего div, высота которого равна 100%. Затем вы можете щелкнуть, чтобы перейти к следующему или последнему <div> . Между тем меню всегда остается на одном и том же месте. Вот что означает фиксированное позиционирование. независимо от того, где вы прокручиваете это меню, div всегда будет оставаться в том же месте.

Редактировать

попробуйте это, если вы хотите, чтобы меню скрывалось во время прокрутки, а затем появлялось снова в том же месте.

 $(document).scroll(function(){
    $('#myMenu').hide();
});
  

тогда вам пришлось бы показывать снова, вы можете найти решение с точным кодом, который работает, но это идея