使用键盘将页面滚动到所选标题的jQuery函数

// 监听键盘按下事件
$(document).keydown(function(e) {
  // 判断按下的键是否是上箭头或下箭头
  if (e.keyCode == 38 || e.keyCode == 40) {
    // 获取所有标题元素
    var headings = $('h1, h2, h3, h4, h5, h6');
    var currentHeading = null;

    // 遍历标题元素
    headings.each(function(index, heading) {
      // 判断标题是否在可视区域内
      if ($(heading).offset().top > $(window).scrollTop()) {
        // 上箭头滚动到上一个标题，下箭头滚动到下一个标题
        if (e.keyCode == 38) {
          currentHeading = headings.eq(index - 1);
        } else if (e.keyCode == 40) {
          currentHeading = headings.eq(index);
        }
        // 跳出循环
        return false;
      }
    });

    // 判断是否找到目标标题
    if (currentHeading && currentHeading.length > 0) {
      // 滚动页面到目标标题位置
      $('html, body').animate({
        scrollTop: currentHeading.offset().top
      }, 500);
    }
  }
});