Question

我需要当用户按下键盘上的DOWN按钮（向下）时，它会以与scrollTop相同的方式进入div。有没有人使用jQuery做过这样的事情？

会是这样的吗？

$(window).on('keydown', function (e) {
    if (e.which != 40) return false;
    var posicao = $('.homeBaixoRodapeTexto1').position().top;
    $('html, body').stop().animate({
        scrollTop: posicao
    }, 1500);
});

Answer 1

我相信您需要.offset().top而不是.position().top。

$(window).on('keydown', function (e) {

    if (e.which != 40) return true;

    e.preventDefault();

    var posicao = $('.homeBaixoRodapeTexto1').offset().top;

    $('html, body').stop().animate({
        scrollTop: posicao
    }, 1500);

});

你必须要非常小心。你实际上是在用键盘打破导航。

这是一个小型演示：http://jsbin.com/xecapoyu/3/edit?js,output

按键盘后执行操作

1 个答案: