Блог

Главная - Вопросы по программированию - автоматическая подгонка полной страницы к содержимому на мобильном устройстве с помощью responsiveWidth

автоматическая подгонка полной страницы к содержимому на мобильном устройстве с помощью responsiveWidth

#javascript #fullpage.js

#javascript #fullpage.js

Вопрос:

На мобильных устройствах (по крайней мере, IOS) иногда подстраивается под раздел, когда вы касаетесь экрана. Каждый раздел содержит fp-auto-height-responsive и этот код:

 responsiveWidth: 900,
css3: true,
normalScrollElements: '#generate-slideout-menu, body.slide-opened #site-navigation',
easingcss3: "ease",

Цель состоит в том, чтобы перейти к прокрутке на рабочем столе и обычной прокрутке на мобильных устройствах.

Хорошо, я недавно обнаружил, что это происходит потому, что у меня

 window.addEventListener("resize", function (event) {
      fullpage_api.reBuild();
    });

Я использую это на рабочем столе, чтобы сгладить изменение размера окон, но оно конфликтует на мобильных устройствах. Есть решение?

Комментарии:

1. Почему вы вызываете reBuild изменение размера? В этом нет необходимости, fullpgae.js делает это для вас.

2. Потому что это выглядит как плавное изменение размера

3. То, что он выглядит отстающим и работает так плохо, так как он будет вызывать метод rebuild сотни раз при изменении размера. Но, эй, если тебе это нравится, кто я такой, чтобы запрещать тебе; D