javascript - 滚动条需要时间才能出现

Question

我发现JS已经准备好在Mobile这个站点使用滚动条了：http: //cubiq.org/iscroll-4

我的列表充满了输入中的自动完成..

需要几分钟才能出现滚动条。（有时几分钟后显示，有时根本不显示）

直到当我尝试向下拖动它出现时，列表才会向上跳

有人知道为什么会这样吗？

我的 JS：

 myScroll = new iScroll('wrapper');// **in Document.ready**

我的 HTML：

<div id="wrapper">
            <ul class="Result" data-role="listview" data-inset="true" dir="rtl">
            </ul>
        </div>

我的CSS：

#wrapper
{
    z-index: 5000;
    width: 30%;
    position: absolute;
    margin-left: 37%;
}

Answer 1

试试这个也许：

myScroll = new iScroll('wrapper', {fadeScrollbar: false});

Answer 2

最后我以这种方式解决了这个问题：

每次列表大小变化时都需要刷新滚动

因为自动完成需要时间来填充，所以我只在一段时间后刷新滚动。

输入中的按键功能：

function RefreshScroll() {
    setTimeout(function () {
        MyScroll.scrollToElement('li:nth-child(1)', 100)
        setTimeout(function () {
            MyScroll.refresh();
        }, 0);
    }, 200);
}