Twitter bootstrap 如何在引导选项卡内设置scrollTop

$（'s5'）。在（'click'，函数（事件）{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）；
$（“#边”）。设置动画({
scrollTop:$（'#stage5'）.offset（）.top
}, 2000);
});
html，正文{
保证金：0；
填充：0；
身高：100%；
}
.填充{
填充：0；
最小高度：100%；
身高：100%；
宽度：100%；
最小宽度：100%；
}
.货柜方面{
填充：10px 0 10px 15px；
最小高度：100%；
身高：100%；
}
.选项卡内容{
溢出：自动；
高度：计算（100vh-202px）；
/*100vh=视口的100%高度。182px=100px（#页眉）+20px（.容器侧）+42px（.导航选项卡）+40px（#页脚）*/
高度：-webkit计算（100vh-202px）；
高度：-moz计算（100vh-202px）；
}
.集装箱侧ul{
右边距：15px；
}
.固定高度{
最小高度：200px；
}
#副刊{
宽度：100%；
最小宽度：100%；
高度：计算（100vh-197px）；
/*100vh=视口的100%高度。197px=192px（.tab内容）+5px*/
高度：-webkit计算（100vh-207px）；
高度：-moz计算（100vh-207px）；
}
身体{
填充顶部：100px；
填充底部：40px；
}







一号干线
塞浦路斯是一个独立的大陆和一个港口，市际委员会在面对克拉拉姆·萨拉米斯和帕弗斯的过程中相互作用。
第一阶段
第二阶段
第三阶段
第四阶段
第五阶段
阶段5
您可以使用事件来更改第一个选项卡

$("#map a").on('click', function(event) {
// Prevent default anchor click behavior
event.preventDefault();
var hash = this.hash;

if (window.location.hash) {
    window.location.hash = hash;
}

$tab = $('#listcontentA');
$tab.tab('show');

$tab.on('shown.bs.tab', function () {
    window.location.hash = hash;
});
});


这就是您需要的吗？
您可以使用事件来更改第一个选项卡

$("#map a").on('click', function(event) {
// Prevent default anchor click behavior
event.preventDefault();
var hash = this.hash;

if (window.location.hash) {
    window.location.hash = hash;
}

$tab = $('#listcontentA');
$tab.tab('show');

$tab.on('shown.bs.tab', function () {
    window.location.hash = hash;
});
});


这就是你需要的吗？

$（'map's1'）。在（'click'，函数（事件）{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'#side'）.animate（{scrollTop:$（'#stage1'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage1'）.position（）.top}，2000年）；
});
}
});
$（“#映射#s3”）。在（'click'，函数（事件）{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'side'）.animate（{scrollTop:$（'stage3'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage3'）.position（）.top}，2000年）；
});
}
});
$（“#映射#s5”）。在（'click'，函数（事件）上{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'#side'）.animate（{scrollTop:$（'#stage5'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage5'）.position（）.top}，2000年）；
});
}
});
html，正文{
保证金：0；
填充：0；
身高：100%；
}
.fill{
填充：0；
最小高度：100%；
身高：100%；
宽度：100%；
最小宽度：100%；
}
.货柜方面{
填充：10px 0 10px 15px；
最小高度：100%；
身高：100%；
}
.选项卡内容{
溢出：自动；
高度：计算（100vh-202px）；/*100vh=100%视口高度。182px=100px（#页眉）+20px（.container side）+42px（.nav tabs）+40px（#页脚）*/
高度：-webkit计算（100vh-202px）；
高度：-moz计算（100vh-202px）；
}
.集装箱侧ul{
右边距：15px；
}
.固定高度{
最小高度：200px；
}
#副刊{
宽度：100%；
最小宽度：100%；
高度：计算（100vh-197px）；/*100vh=100%视口高度。197px=192px（.tab内容）+5px*/
高度：-webkit计算（100vh-207px）；
高度：-moz计算（100vh-207px）；
}
身体{
填充顶部：100px；
填充底部：40px；
}





一号干线
塞浦路斯是一个独立的大陆和一个港口，市际委员会在面对克拉拉姆·萨拉米斯和帕弗斯的过程中相互作用。
第一阶段
第二阶段
第三阶段
第四阶段
第五阶段
第一阶段
阶段3
阶段5

$（'map's1'）。在（'click'，函数（事件）{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'#side'）.animate（{scrollTop:$（'#stage1'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage1'）.position（）.top}，2000年）；
});
}
});
$（“#映射#s3”）。在（'click'，函数（事件）{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'side'）.animate（{scrollTop:$（'stage3'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage3'）.position（）.top}，2000年）；
});
}
});
$（“#映射#s5”）。在（'click'，函数（事件）上{
var atab=$（'.nav tabs.active'）.text（）；
if（atab=='listcontent'）$（'#side'）.animate（{scrollTop:$（'#stage5'）.position（）.top}，2000）；
否则{
$（'.nav tabs a[href=“#listcontent”]'）.tab（'show'）.on（'show.bs.tab'，function（）{
$（'side'）.animate（{scrollTop:$（'stage5'）.position（）.top}，2000年）；
});
}
});
html，正文{
保证金：0；
填充：0；