問題タブ [horizontal-scrolling]
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 横スクロールの問題
問題
Y軸ではなく、X軸で強制的にスクロールするコンテンツが必要です。
HTML
これはフォーマットが悪いことはわかっていますが、動的に生成され、空白がありません。
1 つのフォルダー内ボックスで適切にフォーマットされています。
CSS
誰か助けてくれたらありがとう!
編集
Bazzz の回答は、IE 互換モード (残念ながら互換性が必要です) を除くすべてのブラウザーで機能し、次のようになります。
IEハックで:
css - css white-space:nowrap水平スクロールのバグ
私は次のマークアップを持っています
ブラウザの幅が十分に広い場合は、次のようになります。
ブラウズのサイズを狭く変更すると、次のようになります。
スクロールすると、狭いビューの灰色の背景が右端まで伸びるようにします。私のマークアップとcssは、この望ましくない影響を引き起こしています(Chrome、FF3、IE8で発生します)
css - 水平スクロールCSS
私はページを作成しています@[リンクが削除されました]
上部のヘッダーは、ワイドモニターに対応するために非常に大きくなっています(1600px)。ヘッダーを100%の幅に設定しても、回転によって奇妙な効果が生じるため、機能しません。
本文のoverflow-xを非表示に設定して、水平スクロールバーが表示されないようにしました。レイアウトは、通常のコンピューター解像度に対応している必要があります。
問題は、携帯電話など、解像度が非常に低いデバイスからアクセスした場合、またはブラウザウィンドウのサイズを変更した場合です。この場合、水平スクロールを使用すると非常に便利ですが、画像が表示されるのに十分なだけスクロールする必要があり、それ以上はスクロールしないでください。
これは意味がありますか?明確にする必要があることを教えてください...
本体とヘッダーでmin-widthとoverflow-xの組み合わせを試しましたが、うまくいく解決策が見つからないようです。
ありがとう!ジェフ
jquery - jQuery jqGridは水平スクロールバーと固定列をサポートしていますか?
多くの列を持つjqGridがあり、列幅の合計が固定幅コンテナーよりも大きい場合、次のように表示されます。
グリッドの幅が大きすぎる場合、水平スクロール バーの代わりに。
jQgrid の水平スクロール バーを取得するにはどうすればよいので、グリッドの最大サイズが固定され、さらに列を追加すると単純にスクロールしますか?
また、これが可能であると仮定すると、最初の数列を凍結できますか?
css - クロムの不要な水平バー
いくつかの理由で、Windows 7 のクロム 9.0.597.98 で右側の空白スペースにスクロールする長い不要な水平スクロール バーが表示されます (おそらくサファリでも同様です)。問題は RockMelt でも報告されました (不明なバージョン)
どんな助けでも大歓迎です。
PS: ググって同様の問題をいくつか見つけましたが、私の修正は見つかりませんでした。
jquery - jQueryの横スクロール表示
jQueryを使って水平スクローラーを作っています。以下を使用して動作させています
すべての mousemove イベントで、新しい左マージンを計算します。スライダーは画面の幅 100% にまたがります。
これは機能しますが、2 つの問題があります。何百ものイベントがあるため、すべての mousemove イベントで計算を呼び出すのは悪い習慣のようです。おそらくタイマーを使用して、より良い方法はありますか?
別の質問です。ユーザーが最初にスライダーをホバーしたときに、スライダーが正しい位置にスライドするようにアニメーションを使用しようとしましたが、うまくいかなかったようです。(一番下にコメントあり)
これらの問題の助けは素晴らしいでしょう。ありがとう
android - Webビューでのスムーズな水平スクロール
いくつかの「ページ」(テキストの列)を含むwevbiewがあり、Flingジェスチャに応答して列間を水平方向にスクロールできるようにしたいと考えています。scrollTo()を使用してこれをうまく行うことができますが、それはかなり突然であり、ある「ページ」から次の「ページ」へのスムーズな移行を実行できるようにしたいと考えています。
私が見ている問題:スクローラーをWebViewにアタッチすることはできず、WebViewをScrollViewにネストするべきではありません。
WebViewにスムーズまたはアニメーションの水平スクロールを実装するための良いアイデアはありますか?
追加するために編集:接続されていないスクローラーを使用して距離を計算するノットマニッシュのアイデアを実装しようとしています。
...しかし、whileループは、スクロールの動きなどをキャプチャするには遅すぎるようです。これは、動作がscrollTo()メソッドと同じように見えるためです(ビューはスクロールの最後にジャンプします)。
ios - iPad で水平スクロールを無効にする
サイトにいるときに、Safari で iPad の水平スクロール バーを無効にしようとしています。
試してみましe.preventDefault
たが、これは垂直スクロールと水平スクロールの両方を無効にしているようです。
ありがとう!
javascript - Javascript 水平スクロール バー
HTML フォームのテキストエリアの上部に水平スクロール バーを作成しようとしています。これはここで回答されており、 http: //jsfiddle.net/TBnqw/1/ にある StanleyH の例は完全に機能しますが、さらに複雑な問題があります。
<span>
a の代わりに a を使用して<div>
、また jQuery を使用せずにストレート コードとして書き直すことはできますか? 私が継承したサイトには、すべての を変更するコードが含まれているため、可能であればブロック モードで<div>
使用する必要があります。<span>
回答:
Firefox 用に修正: http://jsfiddle.net/TBnqw/537
iphone - iOS で scrollView の水平スクロールをロックする方法
私はscrollViewを持っています。一方向(垂直)にのみスクロールしたい。横スクロールをロックする方法はありますか...?? ...