Question

我目前有一个滚动条的网站以下是我试图将键盘按键上下添加到代码

的文章

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

Control page scroll animation with mousewheel

如果有可能的话，任何人都会告诉我。

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;
});

带键盘的jquery滚动鼠标滚轮

1 个答案: