0

css プロパティのいずれかを使用してページ/要素をスクロールする方法があるかどうかを知りたいです。scrollTo と scrollBy を使用して JavaScript で実行できますが、css トランジション プロパティを使用してスクロールし、特定のタイムスタンプの後に左にスクロールするスライダーを作成したいと考えています。jquery プラグインhttp://ricostacruz.com/jquery.transit/を使用してみましたが、scrollLeft やスクロールはサポートされていません。

4

3 に答える 3

1

次のように、CSS でスクロールを複製できます。

#parent{
    overflow: hidden;
}

#child{
    margin-left: -250px; /* Move across the page 250px (x axis) */
}

ただし、それはおそらくあなたが望むものではありません。

アニメーション化されたスクロールを実現するための最良かつ最も一般的な方法は、jQuery Javascript ライブラリを使用することです。

$("#parent").animate({
   scrollLeft: 250
}, 1000);
于 2013-07-24T12:20:39.340 に答える
0

私が見つけた唯一の解決策は、x を変更して変換することです。次に例を示します。

$('.box').transition({ x: '-40px' });

ボックスのオーバーフローが隠れていないことを確認してください。 http://ricostacruz.com/jquery.transit/

于 2013-08-15T11:31:38.790 に答える
-1

あなたの質問から私が得たのは、基本的に、時間間隔で左から右にスライドするプラグインが必要であり、jqueryでカルーセルプラグインを使用して問題を解決することです。

要件に応じてカスタマイズできます。cssでも同じ効果が得られますが、時間間隔のためにjqueryに触れる必要があります。また、スライドのオンロードまたはイベント トリガーが必要であるとは言いませんでした。

于 2013-07-24T12:20:30.350 に答える