Bootstrap - 模态中的内部链接

Question

在twitter bootstrap中，我有一个带有两列的模态：一个带有不同项目的导航栏，另一个带有带有大量文本的“可滚动”div。

我想做什么：

1. 能够在模式中（在不同的项目之间）导航，而无需移动背景
2. 使用javascript片段进行“平滑导航”，以便页面在0.2秒内从一个定位点“流动”到另一个定位点。

对于第1点，我在导航栏中使用了href =“＃id”，但是问题是当我这样做时，我的背景正在移动到文档的底部，我想避免这种情况。 / p>

对于第2点，我用来进行“平滑导航”的片段在模态中不起作用。你现在是一个甚至在模态中工作的片段吗？

很难将它展示在一个小提琴中，所以你最好立即查看最终结果。转到链接＆gt;点击“开始”＆gt;悬停图片在左边＆gt;点击“更多”＆gt;尝试在模态中导航，你会看到当点击例如“授权女性”时背景移动到页面底部：[链接已禁用]

谢谢！

Answer 1

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

鉴于此功能：

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

点击链接点击：

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