Question

我发现JS已准备好在移动本网站中使用滚动条：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);
}

滚动条需要时间才能显示

2 个答案: