1

Jquery UI Tabs ウィジェットを使用していますが、タブは折りたたみ可能で、折りたたまれた状態で開始されます。タブは、読み込み時にページの下部に表示されます。ユーザーがタブをクリックすると、ページを自動的に下にスクロールして、タブのタイトルがページの上部に表示され、展開されたタブのコンテンツが表示されるようにします。現在、ユーザーがタブをクリックしてコンテンツを展開すると、ページはまったくスクロールせず、ユーザーはスクロール バーを使用しないと展開されたコンテンツを見ることができません。

これはコードです：

<script type="text/javascript">
$(function() {
$( "#tabs" ).tabs({
collapsible: true,
selected: -1
});
});
</script>
<div id="tabs">
<ul><li>heres my tab title</li></ul>
<div id="tab title">
tab content goes here
</div>
</div>

事前に助けてくれてありがとう。ページをアンカーのようなコンテンツに自動スクロールしたいだけです。再度、感謝します。

4

1 に答える 1

1

scrollToと呼ばれるこのプラグインを試すか、window.scrollTo() を使用できます。jquery 経由で scrollTo プラグインをグーグル検索すると、他にもいくつかあります。scrollToの使用例を次に示します。

onAfter後でdivを展開します。

于 2012-05-10T04:32:22.647 に答える