j查询页面 每次向下滚动时,在单个页面中按键按下
jQuery Page Scroll every time Down when Key press Down in single page
每当我从键盘向下按键时,我都希望页面向下滚动到下一个像素修复的内容
任何人请帮我怎么做
我要继续 在最后一个div的每次按键上滚动
http://jsfiddle.net/dhaval17/etfYz/
这很简单。
- 注册键控事件。
- 找出你在哪里。
- 根据您所在的位置决定您应该去哪里。
- 去那里。
噗嗤!
[编辑]
这个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。
相关文章:
- 将语句与jquery相结合,并使用媒体查询来实现返回页首按钮
- onclick->mysql查询->javascript;同一页
- mysql查询一次在单个查询中的多个表中插入记录
- 如何根据搜索查询更改着陆页
- 带有查询字符串params的angular ui路由器空白页
- 在具有相同类的单个页面上,在jquery中创建多个next和previous按钮
- 按缓冲区查询无法通过代理页
- 通过将$resource查询数组添加到AngularJS中另一个数组的底部来进行分页加载
- Chrome 扩展程序:查询标签页异步
- j查询整页过渡滚动
- 带有
标记的 jQuery 分页显示单个页面中的所有页面,如果它里面有其他标记
- NodeJS + mysql:选择返回单个对象的查询
- 如何调用 JSP 页查询
- 在 MySQL 中使用多个数据库查询与单个数据库查询进行比较
- 多个网页的单个页眉
- 如何在执行ajax请求时删除“_”单个Undercore查询参数
- 将ajax请求限制在单个页面上
- 如何将Drupal用户数据库中的UUID导出到单个页面上的javascript中
- Chrome扩展不能修改单个页面的dom
- 在单个mongodb查询中查找和计数