我有一个线性图像列表(垂直),我搜索使用键盘上下导航到下一个或上一个图像。我的问题是我不知道我在滚动的哪个位置以及需要滚动到下一个或上一个图像的位置。
我看到了这个例子,但它是水平的。我试图让它垂直,但没有成功……</p>
我还尝试了一些使用 inView jQuery 插件的东西,但也没有成功。一些开始:
$("body:not(.photo) #images img").each(function() {
$(this)
.css({cursor: "pointer"})
.on("click", function() {
var $n = $(this).next(),
offset = ($n.length) ? $n.offset().top : 0;
scrollTo(offset);
});
});
// http://jsfiddle.net/JjhUN/5/
var elems = [];
$("#images").children().each(function() {
elems.push(this.offsetTop);
});
console.log(elems);