Как прикрутить тач-жесты к самописному слайдеру без плагинов?

Никита Полевой: спасибо, посмотрю)

Как прикрутить тач-жесты к самописному слайдеру без плагинов?

Никита Полевой: а каким образом решается проблема вертикального свайпа для пролистывания мимо этого слайдера?

Как прикрутить тач-жесты к самописному слайдеру без плагинов?

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

Как сделать плавный скролл по window.scroll() без jquery?

Дмитрий Носиков: у меня есть ещё один вопрос, возможно вы знаете решение. Касательно этой части:

Для того, чтобы не глючили тачи, отрубил их через event.preventDefault() и event.stopPropagation(). Написал свайп для оси X, а вот вернуть нормальный скролл на Y не получается.

Знаете ли вы о вариантах, где такая свистопляска не требуется или что-нибудь менее выносящее мозг, чем написание своего скролла в последствии?)

Как на нативном javascript реализовать swipe?

krll-k: а вы не могли бы пояснить как это делается с touchend? Столкнулся с проблемой, где не обойтись без отключения стандартного функционала эвента через event.PreventDefault() - после этого приходится писать скролл по тач-жесту.

Как сделать плавный скролл по window.scroll() без jquery?

Дмитрий Носиков: Пока что только придумалось. Но до реализации нормального скролла на мобильных устройствах, чую, мне ещё далеко. Анимация похожая, но, увы до приемлемого результата ещё далеко... Разница со штатным скроллом по тачу очень ощутима.

// t: currentTime
// b: startValue
// c: change in value
// d: duration

Math.easeInOutQuad = function(t, b, c, d) {
    t /= d / 2;
    if (t < 1) return -c / 2 * t * t + b;
    t--;
    return c / 2 * (t * (t - 2) - 1) + b;
};

function SwipeScroll() {
    this.scrolled = 0;
    this.newPosition = 0;
    this.interval = null;
    this.speed = 0;
    this.swipeTo();
}

SwipeScroll.prototype.swipeTo = function() {
    document.documentElement.scrollTop = 1;

    var element = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement : document.body;
    var start = element.scrollTop;
    var change = otk.y; // разница между начальным положением тача и конечным. Отлавливается на touchstart и touchend
    var currentTime = 0;
    var increment = 20;
    var duration = 300;

    function animateScroll() {
        currentTime += increment;

        var val = Math.easeInOutQuad(currentTime, start, change, duration);

        element.scrollTop = val;

        if (currentTime < duration) {
            setTimeout(animateScroll, increment);
        }
    }

    animateScroll();
}

Как сделать плавный скролл по window.scroll() без jquery?

Спасибо за пример, на его базе выстроил скролл для тача.
Но есть вопрос. Почему скорость и множитель рассчитываются именно таким образом? Чем вы руководствовались? Очень интересно :)

Как решить проблему с $(this) внутри setTimout?

Спасибо!