解决方法Chrome问题423256:滚动多个选择进入视图

时间:2014-11-25 15:25:15

标签: javascript google-chrome chromium

更新:使用最新的Chrome更新解决了问题

我在受Chrome/Chromium issue 423256影响的网站上工作。它使浏览器在加载时滚动带有所选选项的多项选择进入视图。

从问题http://jsfiddle.net/kLbfpdLf/1/中获取的测试用例:

<div style="height:10000px"></div>
    <select multiple="multiple">
    <option>option</option>
    <option>option</option>
    <option selected="selected">option</option>
    <option>option</option>
</select>

现在我尝试找到解决方法。我知道在浏览器完成显示之前无法拦截。因此,我从HTML中删除选择,而是提供具有这些值的数据属性。稍后我暂时隐藏了选择并选择了选项:

$elem.hide();
$elem.val($elem.data('selected').split(','));
$elem.show();

请参阅http://jsfiddle.net/kLbfpdLf/2/上的完整示例。

你有没有取消选择选项的想法?

感谢。

更新1

我转而采用最初通过style="display:none"隐藏选择的方法。然后在页面加载后显示。有关详细信息,请参阅:http://jsfiddle.net/kLbfpdLf/3/

1 个答案:

答案 0 :(得分:0)

问题已由供应商解决。无需解决方法。