marquee所属div先隐藏后显示，之后为什么在chrome中不滚动，其他浏览器中正常滚动？

Question

我写了三个不同scrollamount的marquee（包含在div中），然后用select选择步长，之后对应div出现，其他两个隐藏。结果在chrome中三个div都没有scroll效果，其他浏览器正常滚动，请问这是什么原因呢？

代码：

<div id="marquee-normal" style="display: block;" class="marquee-preview">
    <marquee id="media-text-marquee-normal" behavior="scroll" direction="left" scrollamount="5">
        <span id="media-text-scroll-normal">请输入文字...</span>
    </marquee>
</div>
<div id="marquee-fast" style="display: none;" class="marquee-preview">
    <marquee id="media-text-marquee-fast" behavior="scroll" direction="left" scrollamount="8">
        <span id="media-text-scroll-fast">请输入文字...</span>
    </marquee>
</div>
<div id="marquee-slow" style="display: none;" class="marquee-preview">
    <marquee id="media-text-marquee-slow" behavior="scroll" direction="left" scrollamount="3">
        <span id="media-text-scroll-slow">请输入文字...</span>
    </marquee>
</div>

效果：
chrome中：（不滚动）

Firefox中：（正常滚动）

Answer 1

用visibility(visible, hidden)就可以了，布局设成position: absolute

Answer 2

朋友，你这个问题解决没？我也遇到这个问题，谷歌浏览器不滚动，刷新就可以了，火狐一直都可以滚动