javascript - 使用javascript scrollTop函数时选择框关闭

Question

我有一个问题，我的盒子有点像实时提要并且不断更新。这个实时提要有 overflow-y: scroll 并且我使用 scrollTop 将它们带到容器的底部。

但是，如果单击选择框，它会在实时提要更新并调用 scrollTop 时自动关闭。

这似乎只在 Chrome 中被破坏(版本 27.0.1453.110 m)它在 IE、FF、Opera、Safari 中正常工作。

你可以在这里查看示例，点击选择框并等待另一个框开始滚动，选择框将失去下拉列表: http://jsfiddle.net/xa3D2/2/

HTML

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
</select>
<div id="scrollBox">
</div>

JS

function addContent()
{
    $('#scrollBox').append('<div>');
    $('#scrollBox').scrollTop($('#scrollBox').prop('scrollHeight'));
    setTimeout(addContent,500);
}
setTimeout(addContent,500);

CSS

#scrollBox {
    border: 1px solid #ccc;
    overflow-y: scroll;
    word-wrap: break-word;
    background: #fff;
    color: #000;
    text-align: left;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    width: 100px;
    height: 300px;
}
#scrollBox div {
    height: 50px;
    border: 1px solid #00f;
}

我想我的问题是这是一个 Chrome 错误吗？有解决办法吗？

Answer 1

这已在最新的 Chrome 中修复。您可以通过访问 https://www.google.com/intl/en/chrome/browser/canary.html 查看此内容

我们显然正在等待更新。

我下载了最新的 Canary 版本，可以确认它不会在那里发生。