-1

この問題に取り組む最善の方法は何ですか?:

クリックできる名前のリストがあります。名前をクリックすると、リストが消え、その名前に関する情報が表示されます。ただし、そのリストは情報よりも長いことが多いため、リストの下部にある名前をクリックすると... リストが情報に置き換えられます (ページが短くなります)。ただし、Chrome (OS X 10.8 上) は、スクロールバーが縮小しても現在のスクロール位置を保持します...そのため、ユーザーには灰色の画面だけが表示されます (ページがそれほど下に移動しないため)。

どんな助けでも大歓迎です！必要に応じて質問を明確にすることができます:)

編集：私は以前にAwokeKnowingが提案したことを試しましたが、追加されたコンテンツがすでにビューポートにある場合、上部にスクロールすると「ぎくしゃくした」感じがするため、これは優れたオプションではありません. すでに追加されていることがわかりますが、その場合にスクロールを調整する必要はありません。コンテンツがビューポートに表示されるかどうかをテストする方法が必要です。

$("button").click(function(){
   alert($("div").scrollTop());
});

また、AwokeKnowing は、これは単なるブラウザのバグである可能性も示唆しています。その場合、回避策はありますか？

編集 2:より具体的には、名前は<a href="#">ブートストラップ タブ ペイン内のリンク ( ) のリストであり、それらをクリックすると新しいタブ ペインが作成され、それに切り替わります。問題は、新しく作成されたペインが、リストが表示されているペインよりも大幅に短いことです。短いペインに切り替えると、望ましくない動作が発生します。

4

1 に答える 1

1

jqueryを使用すると、任意の要素にスクロールできるため、クリックを処理するときにdivの上にスクロールするだけです

$("button").click(function(){
   alert($("div").scrollTop());
});
于 2013-10-14T18:56:10.737 に答える