我有这个页面，其中有绝对位置的 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/
谢谢！