На десктопах всё отлично работает, но на сенсорных экранах нет. Подключал так:
var mySwiper = new Swiper ('.swiper-container', {
direction: 'vertical',
iOSEdgeSwipeDetection: true
})
mySwiper.enableTouchControl ();
mySwiper.enableKeyboardControl();
mySwiper.enableMousewheelControl();
В API не могу разобраться, помогите, плиз
Нужно было добавить в конце слайдера
<div class="swiper-scrollbar"></div>
и в коде инициализации прописать следующее:
var mySwiper = new Swiper ('.swiper-container', {
direction: 'vertical',
IOSEdgeSwipeDetection: true,
onTouchStart: function()
{
return false;
},
scrollbarDraggable: true,
scrollbar: '.swiper-scrollbar',
scrollbarHide: true
})
Теперь всё заработало
При инициализации слайдера таким способом:
var mySwiper = new Swiper ('.swiper-container', {
direction: 'vertical',
IOSEdgeSwipeDetection: true,
onTouchStart: function()
{
return false;
},
scrollbar: {
container: '.swiper-scrollbar',
hide: false,
draggable: true,
snapOnRelease: true
}
})
Тач работает, и шустро. Но всё остальное не работает. Видимо, конфликтует с jquery. В консоли выдаёт ошибку:
jQuery.Deferred exception: Cannot read property 'offsetHeight' of undefined TypeError: Cannot read property 'offsetHeight' of undefined
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Я не могу понять, почему он выполняет сначала 1, потом 3, потом 2?
Есть функция, которая перебирает все элементы на странице с определённым классом и поочерёдно сбрасывает с них стили:
Есть конкретный слайдер SwipeОн может работать и с jquery, и без