Как заблокировать скролл страницы при скролле в определенном блоке?

Question

Сергей @fenya-fl

Как заблокировать скролл страницы при скролле в определенном блоке?

Вопрос задан более трёх лет назад
104 просмотра

2 комментария

Подписаться 1 Простой 2 комментария

Павел @Asokr

Что-то в этом роде...

document.querySelector('#element').addEventListener('scroll', function(){
document.querySelector('body').style.overflow = 'hidden';
});

Написано более трёх лет назад

strelok011 @strelok011

Посмотрите еще в сторону css свойства overscroll-behavior
https://developer.mozilla.org/ru/docs/Web/CSS/over...
Из минусов - нет поддержки в сафари, как я понимаю, по идейным соображениям компании Apple
https://caniuse.com/#feat=css-overscroll-behavior

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

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

HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 11 часов назад
- 68 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 11 часов назад
- 52 просмотра
2

ответа
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 13 часов назад
- 52 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- 13 часов назад
- 74 просмотра
0

ответов
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 14 часов назад
- 48 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 15 часов назад
- 61 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- 17 часов назад
- 103 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 18 часов назад
- 75 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 19 часов назад
- 37 просмотров
1

ответ
JavaScript

Простой
Почему в букмарклете должным образом не выполняется Alt + Click?
- 1 подписчик
- вчера
- 45 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

Мэтч

от 80 000 ₽

Взлом автомобильной программы

19 апр. 2024, в 05:01

999999 руб./за проект

Доработать телеграм бота

19 апр. 2024, в 03:52

1000 руб./за проект

Написать код на python

19 апр. 2024, в 03:01

1000 руб./за проект

Что-то в этом роде...
document.querySelector('#element').addEventListener('scroll', function(){ document.querySelector('body').style.overflow = 'hidden'; });
Посмотрите еще в сторону css свойства overscroll-behavior
https://developer.mozilla.org/ru/docs/Web/CSS/over...
Из минусов - нет поддержки в сафари, как я понимаю, по идейным соображениям компании Apple
https://caniuse.com/#feat=css-overscroll-behavior

Answer 1 · 2019-09-18 01:58:55

На джекуери при скролинге окна проверяешь не дошел ли ты к елементу на котором нужно остановить скрол и когда дошёл для body прописываешь .css("overflow", "hidden")

Как заблокировать скролл страницы при скролле в определенном блоке?

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

Минуточку внимания

Войдите на сайт