Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Odinokun
@Odinokun
JavaScript
HTML
CSS
Как сделать скролл только той колонки которая под курсором?
Страница из трех колонок.
Подскажите плз, как сделать (где почитать как сделать) так, что бы прокручивалась та колонка, которая находится непосредственно под курсором.
Вопрос задан
более трёх лет назад
446 просмотров
Комментировать
Подписаться
3
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Pretor DH
@PretorDH
HTML5, CSS3, PHP, JS - люблю в чистом виде.
Всегда прокручивается именно тот блок, что под курсором. Мож у тебя драйвер мыши со своей "китайской" логикой.
Смотри пример:
JSFiddle
В третьем блоке хитрая аномалия. Где скрол спрятан за размеры блока. Скрол уже кончился а блок всё ещё прокручивается.
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
комментарий
Facebook
Вконтакте
Twitter
Odinokun
@Odinokun
Автор вопроса
Точно, оно.
Только высоту div я задал 100vh и для body задал overflow: hidden что бы отключить прокрутку всей страницы.
Получилось вот так:
JSFiddle
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Александр Таратин
@Taraflex
Ищу работу. Контакты в профиле.
https://github.com/jquery/jquery-mousewheel
В обработчике запрещаем всплытие события прокрутки.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
13 часов назад
61 просмотр
1
ответ
JavaScript
Простой
Почему селект2 мулти добавляет пустое значение?
1 подписчик
17 часов назад
27 просмотров
0
ответов
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
22 часа назад
95 просмотров
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
72 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как сделать анимацию прорисовки линии в fabric 6?
1 подписчик
25 мая
74 просмотра
0
ответов
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
164 просмотра
1
ответ
JavaScript
Простой
Как заставить скрипт tampermonkey работать?
2 подписчика
23 мая
217 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать анимацию с отражением на canvas JavaScript?
1 подписчик
23 мая
86 просмотров
1
ответ
JavaScript
Простой
Как добавить класс элементу в кастомном шаблоне Dropzone?
1 подписчик
23 мая
44 просмотра
0
ответов
CSS
+1 ещё
Простой
Как разместить сам flex-контейнер (котором есть перенос по рядам) по центру?
1 подписчик
23 мая
81 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Fullstack JavaScript разработчик
Wanted.
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама