j查询页面 每次向下滚动时,在单个页面中按键按下

jQuery Page Scroll every time Down when Key press Down in single page

本文关键字:单个页 查询 滚动      更新时间:2023-09-26

每当我从键盘向下按键时,我都希望页面向下滚动到下一个像素修复的内容

任何人请帮我怎么做

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

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

这很简单。

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

您总是尝试在箭头键下滚动到 ALL/ANYdiv,尽管您需要检查我上面的列表中的第 2 点(您所在的位置)。然后第 3 点,决定去哪里,在您的简单情况下,这是基于当前顶部的 .next()div。