Невозможно прокрутить вниз слайд-контент

, используя fullpage.js на странице с одной секцией и многими слайдами, я не могу скользить вверх или вниз по содержимому любого слайда на сенсорном устройстве. если я обертываю содержимое слайда внутри <div style="overflow-y:auto;height:100%;">content</div>, на моем сенсорном экране разрешается переносить панель прокрутки, и я могу прокручивать ее с помощью мыши, но не пальцем. на моем iphone и ipad нет полосы прокрутки, и прокрутка не возможна. То же самое на мой самсунг подножка AnDrOID ...Невозможно прокрутить вниз слайд-контент

смотри пример здесь: http://jsfiddle.net/sebmeric/nn11xxay/1/

делает кого-то есть какие-либо идеи?

благодарит вас

séb.

источник

2015-03-12 Sébastien Méric

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

Link 1 Link 2 Link 3

Это то, что вам может понадобиться, чтобы добавить в ваш CSS

-webkit-overflow-scrolling: touch;

Вы можете сделать больше исследований на выше для различных браузеров

источник

2015-03-12 11:02:01

спасибо. Я просто добавил этот webkit, специфичный для примера jsfiddle, но он не делает ничего больше в браузерах webkit ... см .: http://jsfiddle.net/sebmeric/nn11xxay/3/. 3-я ссылка, приведенная здесь, является хорошим примером прокручиваемого div, который работает со всеми устройствами, которые я пытался. поэтому я уверен, что проблема в fullpage.js специфична ... и мне жаль, что есть способ прокрутить этот прокручиваемый div (!), не используя больше javascript, так как это должно быть возможно в первую очередь ... –

fullpage.js может прикрепить некоторые стили/классы перед созданием элемента. если существует какой-либо файл fullpage.css, попробуйте предоставить эти параметры в стилях, которые были переданы div. –

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

Вы должны использовать опцию normalScrollElements из fullPage.js.

$('#fullpage').fullpage({ 
    sectionsColor : ['#ccc', '#456'], 
    normalScrollElements: '.slide-content' 
});

the docs От:

normalScrollElements: (по умолчанию NULL) Если вы хотите, чтобы избежать автоматической прокрутки при прокрутке над некоторыми элементами, то этот вариант вам нужно использовать. (полезно для карт, прокрутки div и т. д.). Для этих элементов требуется строка с селекторами jQuery. (Например: normalScrollElements: '# element1, .element2')

А может быть, даже normalScrollElementTouchThreshold

normalScrollElementTouchThreshold: (по умолчанию 5) Определяет порог для количества прыжков вверх HTML-узла tree Fullpage проверит, будет ли normalScrollElements соответствовать, чтобы разрешить прокрутку функциональности на divs на сенсорном устройстве. (Например: normalScrollElementTouchThreshold: 3)

источник

2015-03-13 09:41:52 Alvaro

Невозможно прокрутить вниз слайд-контент

ответ

Смежные вопросы