【限定72小时】仿微博信息流JK快捷键滚动示例
本教程转载网络，我只是个搬运工
Twitter、微博、Google Reader等网页版都有一套快捷键，J：快速查看上一条；K：快速查看下一条。
数据基于上一篇。增加当前项的样式：宽度为2的白色边框：
.current-comment { border: 2px solid #fff; }
那么我们需要在初始化数据后，将第一条数据设置当前项的样式：http://cdn.u1.huluxia.com/g3/M01/BE/73/wKgBOV5wajyAMXqFAABbImqTFw4899.png
同时，我们要注册键盘输入事件以便获取键入的是那个值，数值74为J、数值75为K：http://cdn.u1.huluxia.com/g3/M01/BE/73/wKgBOV5wajyATu4rAABezC5Y_Ew051.png
jump函数即处理J、K快捷键，传入一个bool类型的参数，表示当前是键入的J还是K。 在jump函数中，我们用到一个jQuery插件，jQuery.scrollIntoView.js。jump函数中，我们获取当前项，如果键入的是J，判断下一条项不为空，则将当前项的样式去掉，下一项添加当前样式，同时将下一项滚动至顶部；键入K也类似。http://cdn.u1.huluxia.com/g3/M01/BE/73/wKgBOV5waj2AZekEAACvSVZh3y0371.png
程序运行效果如下图：http://cdn.u1.huluxia.com/g3/M01/BE/74/wKgBOV5waj2AKfgaAAA9-ofggUc846.png
页:
[1]