タグ付けされた質問 「scrollbar」

スクロールバーは、部分的にしか表示されないディスプレイに関連するグラフィカルユーザーインターフェイス要素です。スクロールバーは、要素のどの部分が表示されているかを視覚的にフィードバックし、メイン要素のビューを移動する機能を提供します。


10
WPF TextBlockの自動垂直スクロールバー?
私はTextBlockWPFにいます。縦の高さをはるかに超えて、たくさんの線を書いています。垂直スクロールバーが表示されると自動的に表示されると思っていましたが、表示されませんでした。プロパティペインでスクロールバーのプロパティを探しましたが、見つかりませんでした。 TextBlock内容が高さを超えたら、垂直スクロールバーを自動的に作成するにはどうすればよいですか? 明確化:私はむしろ、XAMLに直接書き込むのではなく、デザイナーからそれを行います。
335 c#  .net  wpf  scrollbar  textblock 


8
Firefox用のカスタムCSSスクロールバー
CSSでスクロールバーをカスタマイズしたい。 私はこのWebKit CSSコードを使用します。これはSafariとChromeでうまく機能します。 ::-webkit-scrollbar { width: 15px; height: 15px; } ::-webkit-scrollbar-track-piece { background-color: #C2D2E4; } ::-webkit-scrollbar-thumb:vertical { height: 30px; background-color: #0A4C95; } Firefoxで同じことをするにはどうすればよいですか? jQueryを使用して簡単に実行できることはわかっていますが、実行可能な場合は純粋なCSSで実行することをお勧めします。 誰かの専門家のアドバイスに感謝します!
313 css  firefox  webkit  scrollbar 

8
HTMLを水平に非表示にし、垂直にスクロールしない
幅は固定ですが高さは可変のHTMLテキストエリアがあります。overflow:scroll垂直スクロールバーを設定して表示できるようにしたいが、水平スクロールバーは表示したくない。overflow:auto他の事情により使用できません。 CSS2を使用して、垂直スクロールバーのみを表示し、水平スクロールバーは表示しない方法はないことを知っています。水平スクロールバーを非表示にするためにJavaScriptでできることはありますか?
279 html  css  scrollbar 

6
IE10でスクロールバーがコンテンツをオーバーレイしないようにするにはどうすればよいですか?
IE10では、スクロールバーは常にそこにあるとは限りません...スクロールバーが表示されるとオーバーレイとして表示されます...これはクールな機能ですが、特定のWebサイトではフルスクリーンアプリケーションであり、ロゴとメニューはその背後で失われます。 IE10: クロム: IE10でスクロールバーを常に固定する方法を知っている人はいますか? overflow-y:scrollが機能していないようです!それは私のウェブサイトにそれを永久に置きます。 ブートストラップが問題の原因である可能性がありますが、どの部分がわからないのですか?ここの例を参照してください:http : //twitter.github.io/bootstrap/


5
WebKit / BlinkでMacOSトラックパッドユーザーがスクロールバーを非表示にしないようにする
WebKit / Blink(Safari / Chrome)のMacOS 10.7(Mac OS X Lion)以降のデフォルトの動作では、トラックパッドユーザーが使用していないときはスクロールバーを非表示にします。これは混乱を招く可能性があります。多くの場合、スクロールバーは、要素がスクロール可能であることを示す唯一の視覚的な手掛かりです。 例(jsfiddle) HTML <div class="frame"> Foo<br /> Bar<br /> Baz<br /> Help I'm trapped in an HTML factory! </div> CSS .frame { overflow-y: auto; border: 1px solid black; height: 3em; width: 10em; line-height: 1em; }​ WebKit(Chrome)スクリーンショット Presto(Opera)スクリーンショット WebKitのスクロール可能な要素に常にスクロールバーを表示させるにはどうすればよいですか?
162 css  macos  webkit  scrollbar  blink 

6
divのスクロールバーを必要な場合にのみ表示するにはどうすればよいですか?
私はこのdivを持っています: <div style='overflow:scroll; width:400px;height:400px;'>here is some text</div> テキストがオーバーフローしていなくても、スクロールバーは常に表示されています。スクロールバーを必要なときだけ表示するようにしたい-つまり、ボックスに十分なテキストがあり、必要なときにだけ表示する。textareaのように。どうすればよいですか?それとも、divのように見えるようにテキストエリアをスタイルする唯一のオプションですか?
151 css  html  scrollbar 



7
divを下から上に重ねる
高さを固定divしてにdivを追加すると、子divは上から下に表示され、上部の境界に固定されます。 ┌─────────────────────────┐ │ Child Div 1 │ │ Child Div 2 │ │ │ │ │ │ │ └─────────────────────────┘ 私は今、このように下から上に表示しようとしています(下の境界にくっついています): ┌─────────────────────────┐ │ │ │ │ │ │ │ Child Div 1 │ │ Child Div 2 │ └─────────────────────────┘ ┌─────────────────────────┐ │ │ │ │ │ Child Div 1 │ │ Child …

12
スクロールバーがChromeのページの幅に追加されないようにする
StackаэтотвопросестьответынаStack Overflowнарусском:スクロールとパディング Chromeで.htmlページを一定の幅に維持しようとすると、小さな問題が発生します。たとえば、ビューポート(右の単語?)の高さからオーバーフローするコンテンツがたくさんあるページ(1)があるため、垂直スクロールバーがあります。そのページ(1)ページ(2)では、同じレイアウト(メニュー、div、...など)を持っていますが、コンテンツが少ないため、垂直スクロールバーはありません。 問題は、ページ(1)ではスクロールバーが要素を少し左に押しているように見える(幅に追加されているか?)一方で、すべてがページ(2)の中央に表示されていることです。 私はまだHTML / CSS / JSの初心者ですが、これはそれほど難しいことではないと確信していますが、解決策を見つけることができませんでした。IE10とFireFox(干渉しないスクロールバー)では意図したとおりに機能しますが、これはChromeでのみ発生しました。

11
HTML要素にスクロールバーがあるかどうかを確認する
要素にスクロールバーがあるかどうかを確認する最も速い方法は何ですか? もちろん、要素がそのビューポートより大きいかどうかを確認することは、次の2つの値を確認することで簡単に実行できます。 el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth しかし、それはそれが同様にスクロールバーを持っていることを意味しません(したがって、実際に人間がスクロールすることができます)。 質問 1つのクロスブラウザーで2つの JavaScriptのみ(jQueryがない場合と同様)でスクロールバーを確認するにはどうすればよいですか? Javascriptのみ。非常に高速なjQueryセレクターフィルターを作成したいので、可能な限り小さなオーバーヘッドが必要です。 // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") overflowスタイル設定を確認する必要があると思いますが、クロスブラウザーでそれを行うにはどうすればよいですか? 追加編集 overflowスタイル設定だけではありません。要素にスクロールバーがあるかどうかを確認することは、見かけほど簡単ではありません。上で書いた最初の式は、要素に境界線がない場合は正常に機能しますが、境界線がかなり広い場合(特に境界線の幅offsetが大きい場合)、寸法はscroll寸法より大きくなる場合がありますが、要素はスクロール可能です。offset要素の実際のスクロール可能なビューポートを取得し、それをscroll寸法と比較するには、実際に寸法から境界を差し引く必要があります。 今後の参考のために :scrollablejQueryセレクターフィルターは私の.scrollintoview()jQueryプラグインに含まれています。誰かがそれを必要とするならば、完全なコードは私のブログ投稿にあります。実際の解決策は提供されていませんが、Soumyaのコードは問題の解決に大きく役立ちました。それは私を正しい方向に向けました。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.