Задать вопрос
@rootnoroot

Как убрать пролистывание вверх?

На сайте стоит swiper слайдер
и если смотреть с devtools, с немного пролистанной страницей
то при прокрутке слайдера страницу пролистывает вверх
как можно убрать?
код слайдера
document.addEventListener('DOMContentLoaded', function () {
    var swiper = new Swiper('.swiper-container', {
        pagination: {
            el: '.swiper-pagination',
            type: 'progressbar'
        },
        autoHeight: true,
        slidesPerView: 1, // Один видимый слайд одновременно
        spaceBetween: 0,
        loop: true,
        autoplay: {
            delay: 3000,
            disableOnInteraction: false
        },
        effect: 'fade', // Добавляем эффект "fade"
        fadeEffect: {
            crossFade: true
        },
        on: {
            slideChange: function () {
                var currentSlide = this.realIndex + 1; // Используйте realIndex для корректного отображения слайдов
                var totalSlides = this.slides.length;
                document.querySelector('.current-slide').textContent = padZero(currentSlide);
                document.querySelector('.total-slides').textContent = padZero(totalSlides);
            }
        }
    });

    function padZero(num) {
        return (num < 10) ? '0' + num : num.toString();
    }
});


64ec84105877b223184133.png
  • Вопрос задан
  • 117 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
Lapita12
@Lapita12
Тесты, тесты?
var swiper = new Swiper('.swiper-container', {
  direction: 'horizontal', // Измените на «вертикальный», если хотите вертикальную прокрутку
  mousewheel: true, // Измените значение на false, если вы хотите отключить управление колесом мыши
});


// Вручную устанавливаем индекс слайда, когда пользователь прокручивает вверх
swiper.slideTo(index, speed, runCallbacks);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

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