Как плагин jquery-mousewheel заставить скролить страницу дальше, после того как горизонтальная прокрутка дошла до конца?

Question

[aarty20]

Плагин тут: https://github.com/jquery/jquery-mousewheel (документации нет по непонятным причинам)
Пример тут: https://jsfiddle.net/aarty20/3Lws90c0/3/
Есть горизонтальный контент, который скролится благодаря плагину, и внизу есть еще контент. Как к нему доскролить ? Нужно чтобы после того как горизонтальный скрол закончился, страницу сразу скролилась вниз.

Answer 1

[trushka]

Как-то так. Прошу прощения, что в одну строчку всё впихнул, но надеюсь понятон, что там? При достижении границ scrollLeft перестанет изменяться и равенство не будет соблюдаться так сказать. А можно даже, чтоб без if ()

$("body").mousewheel(function(event, delta) {
	return (this.scrollLeft-=(delta * 3))!=this.scrollLeft
})

Comments

[aarty20]

Спасибо, сработало!

Можно еще я задам вам уточняющий вопрос?
У меня конечная задача одним скролом анимировать 2 ленты, это я делаю вот так:

var slider_top = $('.slider-top')[0];
    var slider_bottom = $('.slider-bottom')[0];
    $('.news-slider').mousewheel(function(e, delta) {
        slider_top.scrollLeft -= (delta * 1);
        slider_bottom.scrollLeft -= (delta * .5);
        e.preventDefault();
    });

А как с помощью вашего кода тогда мне записать ?

Пытаюсь вот так, но не срабатывает:

var slider_top = $('.slider-top')[0];
    var slider_bottom = $('.slider-bottom')[0];
    $('.news-slider').mousewheel(function(e, delta) {

        if (
            ( (slider_top.scrollLeft -= (delta * 1) ) == slider_top.scrollLeft )
             && ( (slider_bottom.scrollLeft -= (delta * .5)) == slider_bottom.scrollLeft)
        ) e.preventDefault();

    });

[aarty20]

var slider_top = $('.slider-top')[0];
    var slider_bottom = $('.slider-bottom')[0];
    $('.news-slider').mousewheel(function(e, delta) {

        if (
             (slider_top.scrollLeft -= (delta * 2) ) == slider_top.scrollLeft
             &&
             ( slider_bottom.scrollLeft -= (delta * 1) ) == slider_bottom.scrollLeft
        ) e.preventDefault();

    });

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