Javascript 设置指向<；的箭头的动画；李>；基于屏幕上的位置

我不太熟悉html、css和javascript

我正在使用twitter引导，我希望在一个长页面中有一个区段指示器，显示当前视图相对于整个可滚动页面的相对位置

我想要实现的示例是：

我用

成功地做到了这一点，但是，我还想在用户在页面中上下滚动时，设置箭头从一个
移动到下一个
的动画。我设法找出了
的代码，但不知道如何设置运动动画。。。有人能帮我指出具体的动画部分，或者推荐一些javascript或css库吗？也许我也错过了推特引导的元素，但是到目前为止我还没有找到任何。。。谢谢

编辑：

但是，我在jsfiddler中的代码在jsfiddler中似乎不起作用：


我想要达到的效果与Tommy Hilfiger页面左侧的动画完全一样，当你上下滚动时，箭头将通过调整箭头指向li上特定部分的位置来跟踪你所处的部分，没有更多细节，我无法真正深入细节，但至少我可以提出建议。它使css属性的动画制作变得非常简单。
要设置页面滚动的动画，请查看此库：


您也可以使用相同的js设置箭头移动的动画
请分享您迄今为止所做的工作。。。如果可能的话，使用jsfiddle demohanks！我已经将源代码插入到JSFIDLE中，虽然它在那里似乎不起作用，但在网站上确实起作用：谢谢！但是，global.tommy.com版本似乎没有使用jquery。。。你有什么例子吗？