scrollto - 单击时垂直滚动页面到下一个图像

Question

我希望有人可以帮助我解决这个问题。我会很感激！我已经搜索了论坛，但我找不到正确的方法来让它工作。

我正在寻找一种解决方案来垂直循环通过图像，如下例所示：

http://www.mirkoborsche.com/2013-Superpaper-No43

我的网站结构如下所示：

<div class="img-cont">

<img alt="image-1.jpg" src="uploads/image-1.jpg" class="progressive" />
<img alt="image-2.jpg" src="uploads/image-2.jpg" class="progressive" />
<img alt="image-3.jpg" src="uploads/image-3.jpg" class="progressive" />
<img alt="image-4.jpg" src="uploads/image-4.jpg" class="progressive" />

</div> 

提前谢谢了！干杯

Answer 1

如果你使用 jQuery，你可以为scrollTop. 这是一个例子。 http://papermashup.com/jquery-page-scrolling/

Answer 2

将每个图像包装在一个锚标记中<a>并使用这样的 javascript：

function scrollTo(hash) {
    location.hash = "#" + hash;
}

onClick()然后，您可以使用on 某物或按钮调用此函数。

编辑：

如果您需要缓动效果来平稳过渡，请在 SO 中查看此答案。