Привет, ребята, у меня есть страница, и я пытаюсь захватить колесико мыши, когда кто-то наверху и прокручивает только раз, когда страница прокручивается до 100% того, что браузер показывает, жаль, что я понятия не имею, как объяснить это просто зайдите в Mega и прокрутите вниз, и вы увидите, что я имею в виду. Спасибо за любые советы :)Как я могу сделать расстояние прокрутки колеса 100% высоты страницы?
0
A
ответ
0
Не полная реализация, любой протяжкой, но должно быть достаточно, чтобы вы начали.
HTML
<div id="head">Your top page...</div>
<div>All other content...</div>
CSS
#head {
height: 100vh;
}
Javascript
var head = document.getElementById('head');
head.addEventListener("wheel", handleMouseWheel);
function handleMouseWheel (event) {
window.scrollTo(0, head.scrollHeight);
}
См работает http://codepen.io/jtrumbull/pen/vXNREy
Смежные вопросы
- 1. кросс-браузер колеса мыши, для прокрутки 100% высоты браузера с помощью одного колеса
- 2. Как сделать md-контент 100% высоты?
- 3. Как я могу растянуть div до 100% высоты страницы?
- 4. Как я могу сделать div расширяться до высоты страницы?
- 5. Как сделать div 100% высоты
- 6. Как я могу сделать центральную строку заполнить 100% высоты страницы с помощью материала?
- 7. Как сделать прокручиваемую загрузочную таблицу 100% высоты?
- 8. Как я могу получить скорость прокрутки колеса мыши
- 9. Сделать нижний колонтитул после прокрутки ниже 100% высоты окна
- 10. Как сделать контент занимающим 100% высоты и ширины
- 11. Как сделать разделитель столбцов 100% высоты
- 12. JQuery прокрутки с 100% тела высоты
- 13. сделать 100% высоты отзывчивых для любого устройства
- 14. Как сделать контейнер табуляции занимать 100% высоты
- 15. Как сделать div использовать 100% доступной высоты?
- 16. Как сделать заголовок фона 100% высоты?
- 17. Как я могу сделать listitem 100% ширину?
- 18. Как сделать слайдер 100% ширины и высоты?
- 19. Как я могу выполнить прокрутку прокрутки страницы с помощью мыши?
- 20. тело не 100% высоты
- 21. Как сделать слайдер 100% страницы
- 22. Могу ли я сделать высоту 100% работы, как ширина 100%?
- 23. Как сделать столбец полной высоты страницы
- 24. Как сделать форму прокрутки вдоль страницы прокрутки
- 25. Создание div 100% высоты
- 26. Как я могу сделать свою обертку на 100% высотой?
- 27. Способ прокрутки до процента от высоты страницы?
- 28. Как сделать цвет фона полной высоты страницы?
- 29. Сделать div принять 100% высоты окна браузера
- 30. Как сделать iframe 100% без полосы прокрутки
Возможный дубликат [прокручивать всю высоту страницы вверх или вниз с JQuery/Javascri pt] (http://stackoverflow.com/questions/18953652/scroll-a-full-page-height-up-or-down-with-jquery-javascript) – yuriy636
Спасибо, не видел, что – Dev
@ yuriy636 возможный дубликат помечен jQuery, этот вопрос не является. – jtrumbull