Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » В iPhone не работает нормально функция, как найти решение?

В iPhone не работает нормально функция, как найти решение?


     12.09.2019    Все вопросы » jQuery    907

вопрос
Есть такая функция:
	
   var previousScroll = 0;
     $(window).scroll(function(){
     var scroll = $(this).scrollTop();
     if (scroll > previousScroll){
       $(".headermob").filter(':not(:animated)').hide(); $('#mask').hide();} else {$(".headermob").filter(':not(:animated)').show();}
    	previousScroll = scroll;
    });


Для чего я написал эту функцию:
Меню всегда фиксирована к экрану и задан стиль: position:fixed;
При движение вниз меню пропадает, при движение вверх меню появляется.

Проблема:
Везде работает нормально и на iphone тоже, но когда поднимаешься в самый вверх экрана меню пропадает.

Помогите решить найти решение...

Ответил: Sander


А если так?
if (scroll > previousScroll && scroll > 10) {

6 комментариев

maks
Юзер

maks - 12 сентября 2019 10:55 -

Тут дело наверное в стилях. На Айфоне стоит сафари, а он мягко говоря не как все и поэтому проблемы. Скинь ссылку, гляну через эмулятор.

futbik
Юзер

futbik - 12 сентября 2019 11:20 -

maks, Ссылку на сайт скинул в ЛС.

Дело не в стилях. Если убрать эту функцию меню работает идеально, просто оно не пропадает при движение вниз.

maks
Юзер

maks - 12 сентября 2019 11:25 -

В эмуляторе всё работает нормально, так, что не знаю. Как вариант можно использовать например это https://osvaldas.info/auto-hide-sticky-header

futbik
Юзер

futbik - 12 сентября 2019 11:30 -

maks, https://appetize.io вот нормальный эмулятор. Там дают 60с бесплатно. Все остальные работает как разработчик в Кром.

Sander
PHP-developer

Sander - 12 сентября 2019 11:32 -

***Комментарий удален***

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

futbik
Юзер

futbik - 12 сентября 2019 11:42 -

Sander, Работает! Спасибо!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх