改进导致滚动条闪烁

Question

我使用了betterdropdown jquery插件...我的页面有10-20个下拉列表...当页面加载时，垂直滚动条开始闪烁..它闪烁，因为改进的drodown jquery在下拉列表上运行需要一些时间...如何避免滚动条的这种闪烁？

Answer 1

试试这个，在ImprovedDropDown.js中，替换上面的代码。我添加了2行，第一行是隐藏控件直到它填充，然后显示它。试着看看这是否能解决你的问题。我必须说我尝试重现你的问题，但我没有看到任何闪烁。

this.each(function () {
    var thisElement = $(this);

    var wrapperControl = getWrapperElement(thisElement);

    // hide it
    wrapperControl.hide();

    thisElement.after(wrapperControl);

    var newImgElement = getImageElement(thisElement,iconPath);
    wrapperControl.append(newImgElement);

    var newTextElement = getTextElement(thisElement, newImgElement);
    wrapperControl.prepend(newTextElement); 

    var newListControl = getListElement(thisElement);
    wrapperControl.append(newListControl); 

    populateList(thisElement, newListControl,noMatchesText,noItemsText);

    if (document.activeElement == thisElement[0]) {
        //if replaced element had focus, move it to new control.
        newTextElement.focus().select(); 
    }

    if (debugMode != 1) { 
        thisElement.hide();                                                
    }

    // show it now
    wrapperControl.show();
 });