Twitter bootstrap 引导-模式中的内部链接

在TwitterBootstrap中，我有一个包含两列的模式：一列包含不同项目的导航栏，另一列包含大量文本的“可滚动”div

我想做的是：

能够在模式中导航（在不同项目之间），而无需移动背景

使用javascript片段进行“平滑导航”，以便页面在0.2秒内从一个锚点“流动”到另一个锚点

对于第1点，我在导航栏中输入user href=“#id”，这是可行的，但问题是，当我这样做时，我的背景会移动到文档底部，这是我想要避免的

对于第2点，我用来进行“平滑导航”的代码段在模式中不起作用。你现在知道一个即使在情态动词中也能用的代码片段了吗

很难用小提琴来表现它，所以你最好马上去查看最终结果。继续链接>单击“入门”>将图片悬停在左侧>单击“更多”>尝试在模式中导航，当单击例如“empower women”时，您将看到背景移动到页面底部：[链接已禁用]

---

谢谢

我会用JavaScript/JQuery而不是hrefs滚动它

鉴于此功能：

function scroller(scrollMe, scrollTo){
    scrollMe.animate({
        scrollTop: scrollTo.position().top
    }, 2000);
}

从链接调用它，单击“作为”：

scroller($('.div-project-description'), $('#empower'));

---

你有一些代码或小提琴来说明这个问题吗？我编辑过。如果你还需要别的东西，请告诉我。