問題タブ [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.

0 投票する
2 に答える
13195 参照

css - CSS 横スクロールの問題

問題

ここに画像の説明を入力 ここに画像の説明を入力

Y軸ではな​​く、X軸で強制的にスクロールするコンテンツが必要です。

HTML

これはフォーマットが悪いことはわかっていますが、動的に生成され、空白がありません。

1 つのフォルダー内ボックスで適切にフォーマットされています。

CSS

誰か助けてくれたらありがとう!

編集

Bazzz の回答は、IE 互換モード (残念ながら互換性が必要です) を除くすべてのブラウザーで機能し、次のようになります。

ここに画像の説明を入力

IEハックで:

ここに画像の説明を入力

0 投票する
1 に答える
12463 参照

css - css white-space:nowrap水平スクロールのバグ

私は次のマークアップを持っています

ブラウザの幅が十分に広い場合は、次のようになります。 幅

ブラウズのサイズを狭く変更すると、次のようになります。 狭い

スクロールすると、狭いビューの灰色の背景が右端まで伸びるようにします。私のマークアップとcssは、この望ましくない影響を引き起こしています(Chrome、FF3、IE8で発生します)

0 投票する
2 に答える
896 参照

css - 水平スクロールCSS

私はページを作成しています@[リンクが削除されました]

上部のヘッダーは、ワイドモニターに対応するために非常に大きくなっています(1600px)。ヘッダーを100%の幅に設定しても、回転によって奇妙な効果が生じるため、機能しません。

本文のoverflow-xを非表示に設定して、水平スクロールバーが表示されないようにしました。レイアウトは、通常のコンピューター解像度に対応している必要があります。

問題は、携帯電話など、解像度が非常に低いデバイスからアクセスした場合、またはブラウザウィンドウのサイズを変更した場合です。この場合、水平スクロールを使用すると非常に便利ですが、画像が表示されるのに十分なだけスクロールする必要があり、それ以上はスクロールしないでください。

これは意味がありますか?明確にする必要があることを教えてください...

本体とヘッダーでmin-widthとoverflow-xの組み合わせを試しましたが、うまくいく解決策が見つからないようです。

ありがとう!ジェフ

0 投票する
3 に答える
19249 参照

jquery - jQuery jqGridは水平スクロールバーと固定列をサポートしていますか?

多くの列を持つjqGridがあり、列幅の合計が固定幅コンテナーよりも大きい場合、次のように表示されます。

ここに画像の説明を入力

グリッドの幅が大きすぎる場合、水平スクロール バーの代わりに。

jQgrid の水平スクロール バーを取得するにはどうすればよいので、グリッドの最大サイズが固定され、さらに列を追加すると単純にスクロールしますか?

また、これが可能であると仮定すると、最初の数列を凍結できますか?

0 投票する
1 に答える
2052 参照

css - クロムの不要な水平バー

www.socialgameplex.com

いくつかの理由で、Windows 7 のクロム 9.0.597.98 で右側の空白スペースにスクロールする長い不要な水平スクロール バーが表示されます (おそらくサファリでも同様です)。問題は RockMelt でも報告されました (不明なバージョン)

どんな助けでも大歓迎です。

PS: ググって同様の問題をいくつか見つけましたが、私の修正は見つかりませんでした。

0 投票する
2 に答える
3774 参照

jquery - jQueryの横スクロール表示

jQueryを使って水平スクローラーを作っています。以下を使用して動作させています

すべての mousemove イベントで、新しい左マージンを計算します。スライダーは画面の幅 100% にまたがります。

これは機能しますが、2 つの問題があります。何百ものイベントがあるため、すべての mousemove イベントで計算を呼び出すのは悪い習慣のようです。おそらくタイマーを使用して、より良い方法はありますか?

別の質問です。ユーザーが最初にスライダーをホバーしたときに、スライダーが正しい位置にスライドするようにアニメーションを使用しようとしましたが、うまくいかなかったようです。(一番下にコメントあり)

これらの問題の助けは素晴らしいでしょう。ありがとう

0 投票する
1 に答える
4354 参照

android - Webビューでのスムーズな水平スクロール

いくつかの「ページ」(テキストの列)を含むwevbiewがあり、Flingジェスチャに応答して列間を水平方向にスクロールできるようにしたいと考えています。scrollTo()を使用してこれをうまく行うことができますが、それはかなり突然であり、ある「ページ」から次の「ページ」へのスムーズな移行を実行できるようにしたいと考えています。

私が見ている問題:スクローラーをWebViewにアタッチすることはできず、WebViewをScrollViewにネストするべきではありません。

WebViewにスムーズまたはアニメーションの水平スクロールを実装するための良いアイデアはありますか?

追加するために編集:接続されていないスクローラーを使用して距離を計算するノットマニッシュのアイデアを実装しようとしています。

...しかし、whileループは、スクロールの動きなどをキャプチャするには遅すぎるようです。これは、動作がscrollTo()メソッドと同じように見えるためです(ビューはスクロールの最後にジャンプします)。

0 投票する
2 に答える
6329 参照

ios - iPad で水平スクロールを無効にする

サイトにいるときに、Safari で iPad の水平スクロール バーを無効にしようとしています。

試してみましe.preventDefaultたが、これは垂直スクロールと水平スクロールの両方を無効にしているようです。

ありがとう!

0 投票する
2 に答える
1578 参照

javascript - Javascript 水平スクロール バー

HTML フォームのテキストエリアの上部に水平スクロール バーを作成しようとしています。これはここで回答されており、 http: //jsfiddle.net/TBnqw/1/ にある StanleyH の例は完全に機能しますが、さらに複雑な問題があります。

<span>a の代わりに a を使用して<div>、また jQuery を使用せずにストレート コードとして書き直すことはできますか? 私が継承したサイトには、すべての を変更するコードが含まれているため、可能であればブロック モードで<div>使用する必要があります。<span>

回答:
Firefox 用に修正: http://jsfiddle.net/TBnqw/537

0 投票する
10 に答える
65596 参照

iphone - iOS で scrollView の水平スクロールをロックする方法

私はscrollViewを持っています。一方向(垂直)にのみスクロールしたい。横スクロールをロックする方法はありますか...?? ...