滚动条需要时间来显示

Scroll bar takes time to appear

本文关键字：显示 时间 滚动条      更新时间：2023-09-26

我发现JS准备在移动端使用滚动条这个站点:http://cubiq.org/iscroll-4

My list is fill with autocomplete in input .

需要几分钟才能显示滚动条。(有时几分钟后显示，有时根本不显示)

直到它出现当我试着往下拉时，列表会跳起来

有人知道为什么会发生这种情况吗?

我的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%;
}

试试这个:

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

最后我这样解决了这个问题:

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

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

输入时按下键的功能:

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