0

ボタンを使用してスクロールできるようにしたいコンテナDIVに10個のフローティングDIVがあります。

左/右ボタンを使用して、コンテナDIVを水平方向に300ピクセルスクロールさせ、次のフローティングDIVを表示したいと思います。

コンテナの幅をウィンドウの100％として表示し、下部に水平スクロールバーがないようにします。横にスクロールできればそれは素晴らしいことですが、必須ではありません。

これが私が持っているものです：http： //jsfiddle.net/696je/

機能と、左/右ボタンの機能をアクティブにする方法を探しています。

私は何時間もGoogleを試しましたが、FleslerのScrollToを試しましたが、運がなかったので、幅を設定した方法と関係があるかもしれません。とにかく、あなたの助けに感謝します。

4

2 に答える 2

0

jsFiddleに投稿したコードに少し混乱しました。水平スクロールバーは必要ないとおっしゃいましたが、そのように設定されています。水平スクロールバーを使用したのは、それがコードで行っていたものだからです。

ここでjsFiddleで動作する関数を作成しました。フレーム内で機能させるには、[結果]ウィンドウにフォーカスを置き（任意の場所をクリックするだけ）、左右の矢印を使用する必要があります。

この投稿からキープレスクレジットのJavaScriptを提供する必要があります

于 2012-09-26T05:57:36.313 に答える
0

CSS（display:inline-blockとwhite-space:nowrap）とjQuery（scrollLeft）を組み合わせて行うことができます

これは、可能な限り最小限のラッパーを使用したjsFiddle実装です。

于 2012-09-26T06:28:29.833 に答える