javascript - 带键盘的jquery滚轮鼠标滚轮

Question

我目前有一个网站是一个滚动器这是我试图将键盘键向上和向下添加到下面的代码的文章

[ http://jsfiddle.net/roXon/r3x7r/1/]

用鼠标滚轮控制页面滚动动画

请任何人让我知道这是否可能..

Answer 1

希望对你有帮助，

http://jsfiddle.net/r3x7r/274

添加了用于在页面部分中滚动的键盘快捷键。

// OUR CODE
var winH = $(window).height();
$('.page').height(winH);

var c = 0;
var pagesN = $('.page').length;

var activePage=0;
$(document).bind('mousewheel', function(ev, delta) {

    delta>0 ? --c : ++c ;    
    if(c===-1){
        c=0;
    }else if(c===pagesN){
        c=pagesN-1;
    }
    activePage = c;
    var pagePos = $('.page').eq(c).position().top;       
    $('html, body').stop().animate({scrollTop: pagePos},{easing: 'easeInCirc', duration: 1200});
    return false; 

});

$(document).bind('keyup', function(event){
    console.log(event);
    if(event.which == 40) {
        activePage = activePage+1;
        var pagePos = $('.page').eq(activePage).position().top;       
        $('html, body').stop().animate({scrollTop: pagePos},{easing: 'easeInCirc', duration: 1200});
    } else if(event.which == 38) {
        activePage = activePage-1;
        var pagePos = $('.page').eq(activePage).position().top;       
        $('html, body').stop().animate({scrollTop: pagePos},{easing: 'easeInCirc', duration: 1200});
    }

    return false;
});