Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Odinokun
@Odinokun
JavaScript
HTML
CSS
Как сделать скролл только той колонки которая под курсором?
Страница из трех колонок.
Подскажите плз, как сделать (где почитать как сделать) так, что бы прокручивалась та колонка, которая находится непосредственно под курсором.
Вопрос задан
более трёх лет назад
442 просмотра
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
2 часа назад
45 просмотров
1
ответ
JavaScript
Простой
Как передать переменную из одного поля select в другое?
2 подписчика
4 часа назад
92 просмотра
0
ответов
HTML
Простой
Как сделать переключение кнопок Html?
1 подписчик
вчера
62 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Как манипулировать файлами в React с State Manager-ами?
1 подписчик
вчера
41 просмотр
0
ответов
HTML
Средний
Как обратиться к конкретному элементу вложенному в кастомный тег в JS?
1 подписчик
вчера
74 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Почему дрожит содержимое при измении размера окна браузера?
3 подписчика
23 мар.
318 просмотров
1
ответ
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
113 просмотров
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
102 просмотра
1
ответ
CSS
Простой
Как избежать скролла в инпуте при letter-spacing?
1 подписчик
22 мар.
74 просмотра
0
ответов
JavaScript
+1 ещё
Средний
Анимация JS, CSS. Как сделать эффект фонарика?
1 подписчик
22 мар.
164 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама