html - 使用 twitter bootstrap 将选项卡的数据内容滚动到视图中

Question

我有一个切换数据的选项卡。但在移动设备中，我需要在单击选项卡时滚动页面才能查看。这是我正在使用的代码。

<div class="tabbable span3" id="tab-switch">

<ul class="nav nav-pills nav-stacked">
<li class="active"> <a href="#ppt" data-toggle="tab"><h3>PPT</h3></a></li>
<li> <a href="#qb" data-toggle="tab"><h3>Question Bank</h3></a></li>
<li> <a href="#lp" data-toggle="tab"><h3>Lesson Plan</h3></a></li>     
<li> <a href="#vid" data-toggle="tab"><h3>Videos</h3></a></li> 
<li> <a href="#ask" data-toggle="tab"><h3>Ask A Question</h3></a></li>   
</ul>    
</div>

提前致谢

Answer 1

您可以使用 jQuery 的 .animate()、.offset() 和 scrollTop。像

$(document.body).animate({
'scrollTop':   $('#anchorName2').offset().top
}, 2000)

检查这个答案

如何使用 jQuery 或 Javascript 将 HTML 页面滚动到给定的锚点？