0

jScrollpane を使用して、画像と div の組み合わせを水平方向に表示しています。私はそれをクロムで動作させることができましたが、FirefoxはCSSを選択して画像をラップしないようにしておらず、水平方向にスクロールしていないと思います。

ここで実際の動作を見ることができます --

http://dentasignclients.com/opo2/single-portfolio.php

関連する CSS は次のとおりです。

.scroll-pane{
    width: 100%;
    height: 450px;
    overflow: scroll;
    white-space:nowrap;
}

.scroll-pane ul{
    float:left;
    list-style-type:none;
}

.scroll-pane ul li{
    float:left;
}

.scroll-pane ul li img{
    height:420px;
}

.info{
    display: block;
    clear: left;
    width:300px;
    height:420px;
    background-color:gray;
    overflow:hidden;
    white-space:normal;
}

この機能を作る上でのあなたの考えは何ですか？

4

1 に答える 1

0

liを左にフロートさせる代わりに、display:inline-block

.scroll-pane ul li {
  display: inline-block;
  margin-right: -4px;
}
于 2012-11-29T07:33:05.200 に答える