-1

例としてこのWebサイトを参照してください 。ランディングページには4つのスライダーがあり、それぞれが別々のdivですが、同時にWebページ全体に別々の垂直セクションがあります。私は垂直ビット、標準のCSSとHTMLを行う方法を知っています。ただし、1つのセクションの水平div間をスライドするにはどうすればよいですか?

4

1 に答える 1

0

100%の幅とoverflow:hiddenおよびposition:relative(「セクション」と呼びましょう)のdivを使用します

そのdivの中に、幅400%、位置:absoluteの別のdivを配置します(「ラッパー」と呼びましょう)

次に、そのdiv内に幅25%の4つのスライドを配置し、フロートします。左

次に、「ラッパー」の左側の値を変更して「セクション」内に移動することで、スライドをスクロールできます。

左に設定した場合:0%は最初のスライドにあり、-25%は2番目にあり、-50%は3番目にあり、-75%は4番目にあります

$('#wrapper')。animate({left:'-25%'}、'normal')をアニメーション化することもできます

于 2012-10-06T04:17:08.170 に答える