0

アコーディオン機能を実行しているjqueryuiを使用しています。<h3></h3><div></div>ページを垂直方向に埋めるデータがたくさんあります。下にスクロールしてクリックして次のアコーディオンの選択を開くと、ページが上に移動するため、上にスクロールするまでコンテンツの一部が非表示になります。

これを防ぐ方法はありますか?クリックする方法で、現在選択されているh3タグを使用して、ユーザーを<h3>?の先頭に移動します。

編集:私がここで探している主なアイデアは、<h3></h3>クリックされたものが表示領域の外にないことを確認することです。理想的には、上から約50ピクセル下にしたいと思います。

これが進歩のフィドルです:http://jsfiddle.net/rwyvh/

4

1 に答える 1

1

これがjsFiddleです。私はイベントui.newHeader内の位置を取得するために使用する必要がありました。change

$("#accordion").accordion({
    autoHeight: false,
    collapsible:true,
    navigation:true,
    active:false,
    change: function(event, ui) {
        $(window).scrollTop(ui.newHeader.position().top - 50);
    }
});​
于 2012-09-18T23:41:52.440 に答える