Два скроллбара на странице

367

08 августа 2017, 17:51

Помогите, пожалуйста, разобраться со скроллбарами. Имеется многоуровневое меню навигации слева id="menu" и лента с записями.

Проблема заключается в том, что лента и меню имеют скроллбары: при достижении ползунком конца меню навигации, и попытке прокрутить меню ниже, начинает скроллиться лента.

Вопрос: можно ли как-то закреплять ленту, если пользователь пытается прокрутить скроллбар, у которого и так нижнее положение? Почему-то имею проблемы с такой вещью как onwheel.

P.S jQuery не знаю от слова совсем.

Answer 1

Иногда надо не мудрить и просто поменять разметку:

html, body, aside, main { 
  margin: 0; 
  height: 100%; 
} 
 
aside, main { 
  overflow: auto; 
} 
 
aside { 
  float: left; 
  width: 30%; 
} 
 
aside:before, main:before { 
  content: ""; 
  display: block; 
  height: 150vh; 
  background: linear-gradient(blue, red); 
} 
 
main:before { 
  background: linear-gradient(yellow, green); 
}