Question

我有这个页面上有div“celpage”，绝对位置包含页面的所有内容，基本上包含4个不同的div并排放置。

标题中有四个按钮：

<div id="header">
<ul id="navlist">
<li><a href="" id="Logo" class="Logo"><div id="centeredLogo"></div></a></li>
<li><a href="" id="Folio" class="Folio"><div id="centeredFolio"></div></a></li>
<li><a href="" id="Storitve" class="Storitve"><div id="centeredStor"></div></a></li>
<li><a href="" id="Kontakt" class="Kontakt"><div id="centeredKont"></div></a></li>

我希望这个div“celpage”在点击Folio时向左移动875，在点击Storitve时移动2x875，在点击Kontakt时移动3x875，反之亦然，因此当点击按钮时页面将滚动到相应的div意味着显示该按钮。

我几乎希望获得与此http://gazpo.com/downloads/tutorials/jquery/horizontal_scroll/相同的效果，仅在整个页面上（除了页眉和页脚保持静态）。

这4个div由20个左右的较小矩形div组成，具有绝对位置。如果我将相对位置设置为“celpage”，则滑动工作，但页面的整个布局不再居中。我正在为具有绝对位置的div寻找滑动解决方案。

我创建了一个jsFiddle来说明页面：http://jsfiddle.net/rUaYr/1/

谢谢！

Answer 1

您寻求的答案在您发布的教程中。您需要更改的只是容器元素。

单击4个不同的按钮水平移动div

1 个答案: