Как отключить автоматическое прокручивание вверх на странице?

Изображение к вопросу
  • 28 августа 2023 г. 11:26
Ответы на вопрос 3
Чтобы отключить автоматическую прокрутку вверх на странице, вы можете использовать следующий код на JavaScript:

```javascript
window.addEventListener("scroll", function() {
  // Определяем текущую позицию прокрутки страницы
  var currentScrollPos = window.pageYOffset || document.documentElement.scrollTop;
  // Если пользователь прокрутил страницу вверх, прокрутите обратно вниз
  if (prevScrollpos > currentScrollPos) {
    document.body.style.overflow = "hidden";
  } else {
    document.body.style.overflow = "auto";
  }
  prevScrollpos = currentScrollPos;
});
```

Чтобы исправить проблему с прокруткой страницы вверх при использовании swiper слайдера, вы можете попробовать использовать следующий код:

```javascript
var swiper = new Swiper('.swiper-container', {
  direction: 'vertical',
  // Дополнительные настройки слайдера
  ...
  // Отключение прокрутки страницы при прокрутке слайдера
  nested: true,
  mousewheel: true,
});
```

Данный код отключит автоматическую прокрутку страницы при прокрутке swiper слайдера.
swiper.slideTo(index, speed, runCallbacks) 
 Используйте этот код для установки индекса слайда вручную, когда пользователь прокручивает вверх. Замените index на желаемый индекс слайда, speed на желаемую скорость прокрутки и runCallbacks на true или false, в зависимости от того, хотите ли вы запускать обратные вызовы при переключении слайда.

var swiper = new Swiper('.swiper-container', {
  direction: 'horizontal', // Переключение на «вертикальный» для вертикальной прокрутки
  mousewheel: true, // Установите значение false, чтобы отключить прокрутку колесом мыши
});
Похожие вопросы