Задать вопрос
@arttstyle
web-макака

Почему скролл в одном блоке действует на другой?

https://codepen.io/aptypkaa/pen/PoRbpKa

такого вида конструкция. почему это происходит? хочу чтобы скролл внутри одного блока не действовал на другой
  • Вопрос задан
  • 61 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Это всегда фиксилось так https://yandex.ru/search/?text=prevent+scroll+in+p...

Сейчас в большинстве браузеров работает css свойство overscroll-behavior
https://developer.mozilla.org/en-US/docs/Web/CSS/o...
https://caniuse.com/css-overscroll-behavior
В вашем случае:
.two {
  overscroll-behavior: none;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
EPIDEMIASH
@EPIDEMIASH
Человек швейцарский нож
Ну там в стандарте есть некая задержка, если вы скроллите и при этом меняете положение мыши на другой блок, скролл работает в начальном элементе.

Отслеживайте через JS координаты мыши по блокам и прописывайте условия. Хотя вы придераетесь.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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