問題タブ [browser-scrollbars]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS: ブラウザのスクロールバーを表示するフルサイズの div
ブラウザ ウィンドウで完全に自己完結型にする必要があるサイトがあります。つまり、ユーザーはサイトのさまざまな部分を表示するために上下にスクロールする必要はありません。長すぎてコンテンツ ペインに収まらないコンテンツは、overflow:auto で処理され、正常に機能しています。
問題は、何を試しても、まだ次の問題があることです。
2 組のスクロールバー http://www.wikiforall.net/bad_scrollbars.png
そのため、ブラウザ ウィンドウをうまく埋めるコンテンツの下に、ギャップがあるように見えます。このギャップにより、垂直スクロールバー自体が表示されます (右側にも同様のギャップがあり、見にくいようです)。Chrome の要素インスペクタを使用して要素を調べたところ、<html>タグはそのギャップまでしかカバーしていません。そのため、ギャップがどこから来ているのかわかりません。
メイン ページの div は で設定されposition: absolute、左、右、上、および下がすべてゼロに設定されます。これらの div もdisplay: inline設定されており、マージンやパディングはありません。htmlとbodyタグは同じ方法でスタイル設定されます。
私は1日か2日周りを見回してきましたが、見つけたものは何もうまくいきませんでした. これらのスクロールバーを削除する方法を知っている人はいますか?
c# - WWebBrowser コントロールに表示されないカスタム スクロールバー
Web ブラウザー コントロールでスクロールバーを動作させようとしています。ただし、カスタムメッセージボックスのメッセージを表示するために使用するので、デフォルトで表示されるように、必要がなくてもスクロールバーを表示したくありません。これを回避するために、コントロールのスクロールバーを無効にし、代わりに Panel などの別のコントロールでスクロールバーを使用することにしました。この方法では、ブラウザ ページのコンテンツが大きすぎて収まらない場合にのみ表示されます。
これはあまりうまくいきませんでしたが、これが有効な解決策であると思われる StackOverflow でさえ、かなりの数の投稿を読みました。一例は、ここでソリューションを使用しようとしたときです。
Panel コントロールに含まれる WebBrowser コントロールのスクロールの問題
Webブラウザでスクロールバーが無効になっている場合、パネルでもスクロールバーを使用できないようです。これは、デザイン モードでテストした場合に発生したようです。これを克服するために、パネル内の Web ブラウザーの後ろに画像ボックスを追加してみました。デザインモードでは機能しましたが (画像ボックスと Web ブラウザーのサイズを変更すると、パネルでスクロールバーが有効になります)、実行時には機能しませんでした (画像ボックスを Web ブラウザーコントロールのサイズに変更するコードを追加しました -これ自体は、スクロール可能なコンテンツのサイズに合わせて常にサイズ変更されます)。
また、ScrollableRectangle のサイズがコントロールのサイズよりも大きいかどうかに基づいて、Web ブラウザーのスクロールバーをプログラムで有効または無効にしようとしました。これは理論的には問題ありませんが、ScrollbarsEnabled プロパティが変更されるたびにコントロール内のすべてのテキストがクリアされ、スクロールバーがない状態に戻ります。
コントロールでキーが押されるたびに効果的に呼び出される次のコードでこれを行っています。
また、アプリ内で使用される HTML エディターのソリューションも必要であることに注意することも重要です。そのため、理想的には、どのソリューションもページ読み込みイベントなどに依存しないようにする必要があります。デザイン モードがオンに設定されています (これは、HTML エディターとして機能するために必要です)。ただし、この特定の状況では、より良い解決策がなければ、デフォルトのスクロールバーを有効にすることに頼ることができます.
編集:明確にするために、HTML コンテンツ内のスクロールバーについて話しているわけではありません。HTML は単にテキストの柔軟な書式設定を可能にするために使用されているだけなので、問題はありません。ブラウザ コントロール自体のスクロールバーについてのみ話しています。
どんな助けでも大歓迎です。ありがとう！
css - フラッシュなしでスクロール バーの画像を変更する
オーバーフローのあるボックス内のスクロールバーの外観 (色ではない) を変更するにはどうすればよいですか? フラッシュでそれを行う方法は知っていますが、フラッシュなしで行う方法が必要です。実際、Apple の Web サイトでこのスライダーをどのように作成したか知りたいです: http://www.apple.com/mac/ どうやら css と javascript を併用しているようですが、私が知っているのはそれだけです。DOM、DHTML、HTML 5、Ruby、または PHP を使用してそれを行った可能性はありますか? 何も思いつきません。
回答を共有していただければ幸いです。事前に感謝します。
qt - QTextBrowserを一番上までスクロールします
私は次のものを持っています：
残念ながら、DetailsTextBrowserのHTMLコンテンツが設定された後、ドキュメントは一番下までスクロールされます。
私は成功せずに試しました：
QTextBrowserを一番上までスクロールする方法はありますか？
jquery - ページの最後までスクロールするときにJqueryを使用してアラートを送信
Jqueryを使用してページの終わりを見つける方法はありますか？そうすれば、ページの終わりに到達したことを示す簡単なメッセージを表示できます。
html - IE8 での Div スクロールバーの問題
親DIVがあり、親divの内部には次の構造があります。
これで、子 div に overflow:auto が追加されました。したがって、スクロールバーが来てスクロールすると、table1 と table2 もスクロールします。これは IE8 でのみ発生します。以前のバージョンの IE では問題なく動作します。にはオーバーフロー プロパティはありません。
css - スクロールバーのデザインを変更
IEのスクロールバースライダーを再設計する方法を知っている人はいますか??色だけでなく、パフォーマンスも..
css - CSSを使用したAppleのようなスクロールバー
http://help.apple.com/mobileme/index.html#mm5b08c671のようないくつかのAppleサイトで、最近出てきたWebKitスクロールバーCSSのものを使用したカスタムスクロールバーがあることに気づきました。しかし、私はそれをまったく複製することができません。それを行う方法はありますか？ここにテストサイトがありますが、デフォルトのスクロールバーを取得しますか？ありがとう
text - stackoverflow のようなスクロール領域を作成するにはどうすればよいですか?
現在、複数のスクロール領域を使用するフラッシュ プロジェクトに取り組んでいます。stackoverflow で見られるようなスクロール領域を作成し、同様に機能させる方法を見つけようとしています。誰かがコード行を stackoverflow に投稿するたびに、スクロール領域のスクロールバーは Web ブラウザーのスクロールバーとまったく同じように見え、Web ページのスクロールに影響を与えることなく、マウスホイールでスムーズにスクロールできます。
例:カーソルがフレックス アプリの上にある間、マウス ホイールのスクロールを無効にしますか?
私のフラッシュプロジェクトでこれを行う方法を誰かに説明してもらえますか? ありがとう！！
css - Iframe-垂直スクロールのみ
私はiframeを持っています。
iframeのコンテンツの幅に関係なく、垂直スクロールバーのみが表示されるようにするには、クロスブラウザーソリューションが必要です。
私のソリューションはすでにjQueryに依存しているので、CSSだけではこれが不可能な場合は、jQueryソリューションを利用できます。
これどうやってするの？