jquery - jscrollpane 在 Firefox 中不起作用，在 chrome 中起作用

Question

我正在使用 jScrollpane 来水平展示图像和 div 的混合。我设法让它在chrome上工作，但我认为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;
}

你对制作这个功能有什么想法？

Answer 1

而不是浮动li的左侧，使用display:inline-block

.scroll-pane ul li {
  display: inline-block;
  margin-right: -4px;
}