Прокрутка 100% на mousescroll

Question

Я хочу, чтобы действие произошло, когда пользователь начинает прокрутку. Я попытался изучить веб-сайт, но единственное, что подходит, - это 100% прокрутка по CLICK :)

Я хочу, чтобы окно было принудительно на 100% вниз, как только пользователь начинает прокручивать колесико. Это возможно? :) Спасибо.

Answer 1

Вы можете заглянуть в JQuery Колесо мыши плагин: http://plugins.jquery.com/mousewheel/

Answer 2

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

Тем не менее, вы можете использовать JQuery и прослушать scroll.

Что-то вроде этого:

$(document).on('scroll', function(){ 
    console.log('yeah'); 
    // window.scrollTo(0,document.body.scrollHeight); // left this commented out 
}); 

Вы можете сделать то же самое без JQuery тоже. Просто обычный старый JavaScript

document.onscroll = function(){ 
         console.log('oh yeah'); 
         // window.scrollTo(0,document.body.scrollHeight); // left this commented out 
        } 

Answer 3

да, это довольно просто на самом деле, сделать что-то вроде:

$(window).bind("wheel", function (e) { if (e.deltaY > 0) // please just check if you should compare > 0 or < 0, i don't have a mouse here :) to check the event $("body").scrollTop(10e9); });

Answer 4

Позвольте мне знать, если это на самом деле то, что вы хотите, потому что это технически проверяет любой свитком в страница, а не колесико в частности, надеясь, что jQuery в порядке.

$(document).ready(function() { 
    $(window).scroll(function (event) {//Checks if scroll happens 
     //set the left offset to 0, set the second one to the height of the document 
     window.scroll(0,document.body.scrollHeight); 
    }); 
}); 

Опять же, это для ЛЮБОГО движения прокрутки.

Answer 5

1) Добавить невидимую ссылку:

<a id="jump-on-scroll" href="#bottom" style="color:white">...</a> 

2) колеса мыши:

$(window).bind("wheel", function (e) { 
    if (e.deltaY > 0) { 
    $('#jump-on-scroll').trigger('click'); 
    } 
});