Have a Snippet?

Keep, track and share your code snippets with your friends



jQuery: Finger Scroll (Скроллинг контента пальцем ) Share on Vkontakte

Finger Scroll (Скроллинг контента пальцем )

jQuery.fn.oneFingerScroll = function() {
    var scrollStartPos = 0;
    $(this).bind('touchstart', function(event) {

        var e = event.originalEvent;
        scrollStartPos = $(this).scrollTop() + e.touches[0].pageY;
        e.preventDefault();
    });
    $(this).bind('touchmove', function(event) {
        var e = event.originalEvent;
        $(this).scrollTop(scrollStartPos - e.touches[0].pageY);
        e.preventDefault();
    });
    return this;

};

//usage
$('#scrollMe').oneFingerScroll();


Tag: jQuery, Mobile, Scroll

1 Comments

  1. Avatar
    RedOctober

    6th June 2013, 00:04

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