我有一个HTML文档，其中包含使用<ul><li><img...的网格格式的图像.浏览器窗口既有垂直窗口，也有；水平滚动.
Question:
我在这里浏览过类似的帖子...虽然我对JavaScript很陌生，我想了解自己是如何做到这一点的.
我有一个HTML文档，其中包含使用<ul><li><img...的网格格式的图像.浏览器窗口既有垂直窗口，也有；水平滚动.
Question:
我在这里浏览过类似的帖子...虽然我对JavaScript很陌生，我想了解自己是如何做到这一点的.
既然你想知道它是怎么工作的，我就一步一步地解释.
首先，要将函数绑定为图像的单击处理程序:
$('#someImage').click(function () {
// Code to do scrolling happens here
});
这将把click处理程序应用于一个id="someImage"的图像.如果要对all个图像执行此操作，请将'#someImage'替换为'img'.
现在查看实际的滚动代码:
获取图像偏移(相对于文档):
var offset = $(this).offset(); // Contains .top and .left
从top和left中减go 20:
offset.left -= 20;
offset.top -= 20;
现在为<body>和<html>的滚动顶部和滚动左侧CSS属性设置动画:
$('html, body').animate({
scrollTop: offset.top,
scrollLeft: offset.left
});