Javascript 如何使用类似于chart.io和simple.com的smoothscroll窗格创建动画菜单

我正在尝试创建一个1页的网站，上面有一个类似于chart.io或simple.com风格的菜单，有人能告诉我一个好教程的方向吗？我用谷歌搜索过，但我没有找到任何像我想做的那样的东西

我目前有Mootools smooth scroll做滚动，但是我在菜单项下设置元素动画时遇到问题

---

非常感谢所有帮助…

开始使用CSS修复标题菜单：

#header {
    position: fixed;
    top: 0;
    left: 0;
}

然后你可以使用一个Mootools插件，比如：

演示：

如您所见，使用此插件，您可以轻松获得滚动位置，因此您可以将菜单下的三角形放置在正确的位置

要设置三角形的动画，您只需要一些基本的

tween

动画。HTML将如下所示：

<div id="header">
    Your header here
    <div id="triangle">
        <img src="triangle.png" alt="">
    </div>
</div>

Mootools

tween

对于动画，这将使三角形从其当前位置平滑地从左侧移动到300px：

$('triangle').tween('left', 300);

---

希望这对你有帮助

你的评论使我得以在昨天晚上实施这一计划。谢谢

$('triangle').tween('left', 300);