0

水平線で無限にスピンしたい一連のフローティングdivがあります（フローティングを続けます）。これらのdivは、有限幅のdiv内で継続する必要があります。最終的には、左右のdiv /ボタンを押してアイテムをスクロールしたいと思います（スクロールバーを使用する場合とは異なります）。

divをフロート内にとどまらせるのに問題があります。親div内のスペースが不足すると、ラップを開始します。

ラッピングをバイパスする方法はありますか？それがわかったら、次のステップは、jQueryを使用して、クリック時に水平方向を左右に移動させ、水平方向のスクロールを複製することです。

これが私が行ったフィドルとコードです：

http://jsfiddle.net/stfzy/8/

HTML：

<div id='container'>
    <div id='arrowL'>
    </div>
    <div id='arrowR'>
    </div>
    <div class='list'>
        <div class='item'>
        </div>
        <div class='item'>
        </div>
        <div class='item'>
        </div>
        <div class='item'>
        </div>

    </div>

CSS：

#container{
width:340px;
    height:50px;
}

.list{
    background:grey;
width:300px;
    height:50px;
    float:left;
}


#arrowR{
background:yellow;
    width:20px;
    height:50px;
    float:right;
}


#arrowL{
background:yellow;
    width:20px;
    height:50px;
    float:left;
}

.item{
    background:green;
width:140px;
    height:40px;
    margin:5px;
    float:left;
}

ありとあらゆる助けに感謝します。ありがとう！

4

1 に答える 1

0

これを試してみてください。リストクラスをoverflow：hiddenでコンテナ内にラップします。次に、JQueryを使用して、内部divでやりたいことを何でも行うことができます。

サンプルフィドル

#list-container {
overflow:hidden;    
width: 300px;   
}

.list{
background:grey;
min-width:700px;
float:left;
}
于 2012-11-18T06:11:23.133 に答える