問題タブ [scrollbars]

私の小さなアプリには、一度クリックされるとリストビューの5番目のアイテムが選択されるボタンがあります。

問題は、リストビューの範囲外であり、選択したアイテムが表示されるように、垂直スクロールバーを下にスライドさせたいということです。

どうやってやるの ？

XAML：

C＃コード：

奇妙な問題があり、ページ内をスクロールする DIV があります...しかし、その div 内には修正済みの「ヘッダー」があります...そして、私のレイアウトは流動的 (100%) 幅であるため、下の div のスクロールバー上の「FXED」div カバー....

これを修正する最善の方法は何ですか? 何が起こっているかの簡単なスクリーンショットを添付しました...お役に立てば幸いです。

スクロールバー付きの div 内にリンクのリストがあります。ユーザーが div の x-height の下のリンクをクリックすると、スクロールバーは自動的に一番上に戻ります。ユーザーがどのリンクをクリックしても、スクロールバーがその位置に留まることを望みます。ここにサイトがあります- 2006 年の絵をクリックしてみてください。

このスクロールバーを動作させる方法について誰か考えがありますか?

ありがとう、ブラッド

ブラウザウィンドウにスクロールバー（垂直方向と水平方向の両方）があるかどうかを検出できる必要があります。私はこのコードを使用していますが、Firefox5では確実に機能していません。

クロスブラウザで動作するこれを行うためのより良い方法はありますか？私のブラウザのターゲットはFirefox4-5、Chrome、Safari 4以降、Opera10以降です。

スクロールバーがあるかどうかを知る必要がある理由に興味がある場合は、CSS3トランジションが回転しているため、（回転の性質上）一時的に現在のドキュメントサイズの端を超える可能性があります（したがって、ドキュメントが作成されます）。一時的に大きくなります）。最初にスクロールバーが存在しなかった場合、CSS3トランジションにより、トランジション中にスクロールバーが表示され、トランジションが終了すると消えて、スクロールバーが醜く点滅する可能性があります。スクロールバーが存在しないことがわかっている場合は、overflow-xまたはoverflow-yをhiddenに設定するクラスを一時的に追加して、CSS3の移行中にスクロールバーが点滅しないようにすることができます。スクロールバーがすでに存在する場合は、少し動く可能性があるため何もする必要はありませんが、移行中にオン/オフになることはありません。

スクロールバーが一般的に必要かどうかだけでなく、実際にそこにあるかどうかを実際に知ることができる場合のボーナスポイント。

私は iframe を持っており、より多くのコンテンツを表示する必要がある場合にのみスクロールバーを追加したいと考えています。iframe でオーバーフローを「auto」に設定しました。これは Chrome や IE では機能しません:

html は次のとおりです。

私が試したこと (そして SO で提案されたもの): 親要素と iframe のサイズを設定し、iframe で scrolling="no" を設定し、オーバーフローを "hidden" に設定します。これらはすべて、望ましくない動作を引き起こします。

必要なときだけスクロールバーを表示するにはどうすればよいですか?

たとえば、Webページのデフォルトのメインスクロールバーをカスタムのものに置き換えるjQueryプラグインを知っている人はいますか？ありがとう。

最近、リンクを見つけて FF と Chrome で開きました。小さなポップアップが表示されました。Chrome でポップアップのサイズを変更すると、スクロールバーが表示されました。次に、FF で PopUp のサイズを変更しましたが、スクロールできませんでした。スクロールバーはありませんでした。

それは既知の問題ですか、それともいくつかのスタイルに関係していますか? テキスト全体を読むためにウィンドウが小さくなったときにスクロールバーがChromeに表示されますが、FFには表示されません。

私は、jQueryを多用するWebサイト用のボルトオンツールを提供するプロジェクトに取り組んでいます。プレゼンテーション/デザインは非常に重要です。ブラウザによってコンテンツがオーバーフローしているhtml要素に適用される標準の（醜い）スクロールバーを、見栄えの良いものに置き換えたいと思います。

カスタムスクロールバーを適用し、CSSを介したスタイリングを可能にするjQueryプラグインは多数ありますが、私が試したすべてのプラグインは、同じ問題に悩まされているようです。スクロール可能なコンテンツにテキストフィールドのあるフォームが含まれている場合など、フィールド間をタブで移動してもスクロールバーがアクティブにならず、場合によってはカスタムスクロールバーのレイアウトが完全に台無しになる可能性があります。

私が試したプラグインの2つの例：

http://manos.malihu.gr/jquery-custom-content-scroller http://baijs.nl/tinyscrollbar/

他の人も試しましたが、すべてのデモ/例でコンテンツはプレーンテキストです。私はすでにこれについて多くの検索を行ってきましたが、フォームベースのコンテンツでこれらのプラグインを使用しようとした人はいないようです。

これらのプラグインはすべてほぼ同じように機能しているようで、何が起こっているのか、そしてその理由は正確にわかりますが、他の誰かがこの問題を抱えているか、解決策を見つけたかどうか疑問に思っていますか？

この問題は、次のように簡単に再現できます（tinyscrollbarプラグインを使用）。

これを標準のhtmlテストページに追加します-

CSS：

HTML：

プラグインリファレンス（jqueryライブラリなども参照されていると仮定）：

Jqueryコード：

最初のテキストフィールドをクリックしてフォーカスを合わせ、Tabキーを押して次のテキストフィールドに移動し、何が起こるかを確認します。

Lion のスクロールバーは、HTML の背景色に基づいているようです (明るい色の BG = 黒のスクロールバー、暗い色の BG = 白)。

私が遭遇している問題は、(私が推測する) フッターに関する一般的なトリックです。私は通常、HTML 要素の背景色をフッターの色に設定します。これにより、ページがブラウザー ウィンドウよりも短い場合、フッターが続いているように見えます (BODY 要素が終了し、HTML 要素が最後まで表示されるため)ページの）。ただし、これを行うと、スクロールバーはコンテンツ領域の色ではなく、フッターの色に基づいたままになります。

ページがウィンドウよりも短い場合にフッターを継続させる、または Lion のスクロールバー (ick) の色を強制する他のトリックはありますか?

水平レイアウト内にQGraphicsViewがあります。QGraphicsシーンに含まれるQGraphicsSceneはかなり大きい（数千ピクセル）ため、ビューをスクロールできるように、デフォルトでスクロールバーが表示されます。

グラフィックシーン内のシーンを更新するたびに、古いシーンを削除し、新しいシーンを作成してオブジェクトを入力し、view-> setScene（scene）を呼び出します。ただし、これを行うと、スクロールバーはデフォルトで、元の場所にとどまるのではなく、QGraphicsViewの左上隅になります。

シーンを破棄する前にQGraphicsScene::sceneRectを保存し、その後setSceneRect（）を実行して復元しようとしましたが、シーン自体にのみ影響し、シーンを表示しているQGraphicsViewには影響しないため、機能しません。また、view-> verticalScrollBar（）-> setValue（）を実行しようとしましたが、スクロールバーにはまったく影響がないようです。

デフォルトで作成されたスクロールバーにアクセスして、以前に保存された値に設定するにはどうすればよいですか？