垂直滚动页面点击下一个图像

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

将每个图片换入anchor代码<a>并使用以下内容的JavaScript：

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

然后你可以用某个东西或一个按钮用onClick()来调用这个函数。

修改

如果您需要缓动效果才能顺利过渡，请在此处查看this回答。