javascript - jQuery Page 在单页中按下按键时每次向下滚动

Question

每次我从键盘按下键时，我都希望页面向下滚动我希望页面向下滚动到下一个像素固定的东西

谁能帮我解决一下

我想在最后一个 div 的每个按键上继续滚动

http://jsfiddle.net/dhaval17/etfYz/

Answer 1

很简单。

1. 注册按键事件。
2. 找出你所在的位置。
3. 根据您所在的位置决定您应该去的地方。
4. 去那里。

他达!

[编辑]

这个 js 函数对我有用:

$(document).ready(function() {
  $(document).on("keydown", function(e) {
       if (e.keyCode == 40) { 
           $($(".scrollToMe").get().reverse()).each(function(i, div) {
               var top = $(this).offset().top;
               if (top - $(document).scrollTop() <= 0) {
                    var next = $(this).next(".scrollToMe");
                    if (next) {
                      $('html, body').animate({ scrollTop: $(this).next(".scrollToMe").offset().top }, 'slow');                  
                    }
                    return false;
               }
           });
       }
  });
});

虽然您需要检查我上面列表中的第 2 点(您所在的位置)，但您总是试图在按下箭头键时滚动到所有/任何 div。然后第 3 点，决定去哪里，在您的简单情况下，它是基于当前顶部的 .next() div。