Мобильная домашняя страница с двумя полосами прокрутки, одной большой и одной маленькой, не работает должным образом - PullRequest
0 голосов
/ 26 сентября 2019

Это не воспроизводимая проблема.У меня нет кода для обмена (точнее: у меня слишком много кода и я не знаю, где может быть проблема).

Я просто надеюсь получить предложения / идеи о том, в чем может быть проблема (ивозможно, я могу устранить неполадки оттуда).

Итак, у меня есть домашняя страница.На главной странице есть меню, которое отображается в мобильной версии.Меню прозрачно и должно стать белым, когда мы прокручиваем вниз за позицию 0 в соответствии с этим кодом:

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 0) {
/*code here*/
}

Проблема в том, что я прокручиваю последние пол страницы, прежде чем меню становится белым,Так что он не работает сразу после того, как я начинаю прокручивать, только после того, как я прокручиваю как 50% области просмотра.

Вот экранная запись, показывающая, как он функционирует (игнорируйте уродливый веб-сайт, посмотрите, когда прозрачное меню меняется на белое): https://imgur.com/a/KHAeSOM

Обратите внимание, что применяется та же логика кодадля настольной версии меню и на рабочем столе, оно работает без проблем.

При устранении неполадок мобильной версии в адаптивном режиме я получаю две полосы прокрутки - одну маленькую (обычную) и одну большую.Кажется, что моя проблема проистекает из «большой» полосы прокрутки - как будто должен был быть div, который покрывал бы всю домашнюю страницу, но каким-то образом он покрывал 95% ее, и я закончил с полосой прокрутки, которая портит функциональность.

Вот запись полос прокрутки: https://imgur.com/a/Bcovx9i

Я скрыл доменное имя в приведенных выше записях, но я все равно поделюсь им на случай, если какой-нибудь добросердечный программист захочет посмотретьна это: https://www.thedigitalarabs.com

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

Может быть полезно знать, что я использую плагин fullpage.js (на мобильном телефоне), и я подозреваю, что из-за этого у меня возникают проблемы с мобильным меню.

Спасибо за любую помощь, которую вы можете оказать.

1 Ответ

0 голосов
/ 26 сентября 2019

я обнаружил, что к вашей странице добавлен какой-то стиль, и это должно быть в этом случае

@media screen and (max-width: 480px) .visible-bar-container { display: none; }

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

@media screen and (max-width: 480px) .visible-bar-container { display: block!important; }

...