0

我有一个网站，其中有一个包含需要在其中滚动的内容的 DIV，使用overflow: auto.

<div class="product_list">
    <ul class="col">
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
        <li>Product A - Long Long Name</li>
    </ul>
</div>

CSS：

.wrapper .product_list {
    float: left;
    width: 700px;
    overflow-y: auto;
}
.wrapper .product_list ul {
    margin-bottom: 20px;
    overflow: hidden;
    height: 300px;
}
.wrapper .product_list li {
    font-family: Arial, sans-serif;
    display: inline;
    float: left;
    line-height: 2.5em;
    margin-right: 55px;
    width: 45%;
}

jQuery NiceScroll 安装.product_list如下：

$(document).ready(function() {
    $('.product_list').niceScroll({cursorcolor:"#FF0000", cursoropacitymax: 0.5, cursorwidth: 7});
});

但是，.product_list直到我将.product_list. 什么会导致问题？

直播网站：http ://www.on-ce.com.hk/dev/ （点击顶部菜单“我们的产品”，.product_list将显示）

ps NiceScroll 添加tabindex="5005" style="overflow: hidden; outline: none;"到.product_list.

4

0 回答 0