3

データを切り替えるタブがあります。しかし、モバイル デバイスでは、タブをクリックしたときにページをスクロールして表示する必要があります。これが私が使用しているコードです。

<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>

前もって感謝します

4

1 に答える 1

3

jQuery の .animate()、.offset()、および scrollTop を使用できます。お気に入り

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

この回答を確認してください

jQueryまたはJavascriptを使用して指定されたアンカーにHTMLページをスクロールする方法は?

于 2014-02-12T06:25:50.037 に答える