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

我在这个页面上有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”在点击对开本时向左移动875，在点击Storitve时向左移动2x875，在点击Kontakt时向左移动3x875，反之亦然，所以当点击按钮时，页面将滚动到对应的div，以显示该按钮

实际上，我希望在整个页面上实现与此相同的效果（除了页眉和页脚保持静态）

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

我创建了一个JSFIDLE来演示页面：

---

谢谢

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

您尝试了什么？您是否尝试过使用您提供的示例？我尝试过提供的示例，将.contentbox wrapper替换为.celpage，将600替换为875，但是，当我点击按钮时，什么也没有发生。在这里发布你的代码并创建一个jfiddle，这样我们就可以看到它不工作的原因。页面由115x125/240x125/115x250矩形div组成，带有绝对位置，包含在“celpage”div中，未完成的代码是180行html和+1000行css。我不认为我可以在这里发布，将其全部粘贴到JSFIDLE上甚至不会显示主要由图像组成的页面…：SI可以在线上传最新版本并发布链接，如果有帮助的话……我知道我寻找的答案在我发布的教程中。显然，如果它与我的网页，我不会张贴在这里。。。