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

Question

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

1

Я попытался использовать jQuery/logic ниже, но он не работает... Проблема в том, что у меня есть фиксированный nav, и это нормально. Но когда пользователь находится на меньшем разрешении/экране по высоте, т.е. ноутбук с фиксированной навигацией прокрутки, когда прокручивается в нижней части страницы - перекрывает элемент нижнего колонтитула. Что выглядит очень плохо.

Нижеследующее не работает.. и кажется только, верните мой фиксированный элемент в положение абсолютное сразу при загрузке страницы.

 $(document).ready(function() {
    function checkOffset() {
     if($('.navSmall').offset().top + $('.navSmall').height() 
                                       >= $('#footer-wrapper-4o').offset().top - 10)
    $('.navSmall').css('position', 'absolute');
     if($(document).scrollTop() + window.innerHeight < $('#footer-wrapper-4o').offset().top)
    $('.navSmall').css('position', 'fixed'); // restore when you scroll up
    $('.navSmall').text($(document).scrollTop() + window.innerHeight);
  }
  $(document).scroll(function() {
      checkOffset();
  });
  });

PS Может ли быть способ, которым я мог бы включить точку остановки, просто используя div <div class="stop"></div> и как только элемент фиксированной/прокрутки ударит, он не сможет продолжить эту точку?

No-Spex 23 окт. 2015, в 17:42

Источник

0

Можете ли вы загрузить фотографию того, как она выглядит, или jsfiddle, с которым мы можем повозиться?
Samir Chahine 23 окт. 2015, в 15:40

Теги:

javascript

jquery

css

css3

1 ответ

Ещё вопросы

Можете ли вы загрузить фотографию того, как она выглядит, или jsfiddle, с которым мы можем повозиться?

Germano Plebani · Accepted Answer · 2015-10-23T13-30-00.000Z

function checkOffset() {....}

$(window).load(function() {
    $(window).scroll(function() {
      checkOffset();
  });
}

Это лучше использовать функцию таким образом.