在 IE9 上滚动选取框文本换行

Question

我正在开发一个滚动字幕 SharePoint Web 部件。 Web 部件在此处使用循环插件 (http://jquery.malsup.com/cycle/)

文本将向下滚动到底部并重新出现在顶部。它在 IE8 中按预期工作。但是，在 IE9 中，某些字符串会出现问题。 （例如 5 月 9 日的 UAT 测试）当文本重新出现在顶部时，它被未知原因包裹。

这里的小提琴链接：

http://jsfiddle.net/9PK6z/18/

见下图：

这是脚本的一部分：

<div id='ticker_10eb4222-addd-4f86-8d84-94926eae0aa2' class='ticker' style='position: relative; width: 530px; height: 60px; overflow: hidden;'>
<ul class="list-style1"><li><span>UAT Testing on 1 Aug</span></li></ul>
</div>

</div>
<script type="text/javascript">

$(document).ready(function() { 
    for(var i =0; i<2; i++) { 
        $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .find("ul")
        .clone()
        .appendTo($('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')); 
    } 

    $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .cycle({ fx: 'scrollVert', continuous: 1, speed: $('#ticker_10eb4222-addd-4f86-8d84-94926eae0aa2')
        .find("ul:eq(0) li").size() * 3000, delay: 0, easing: 'linear', rev:0 }); 
}); 

</script> 

“UAT 测试在 8 月 1 日”这样的字符串不会有问题。我尝试了很多组合仍然找不到模式。 IE9 中的哪些更改导致了该问题？

Answer 1

根据您的小提琴，这似乎是 overflow css 属性的问题。

我发现通过将overflow 从#ticker 元素切换到ul 元素，它开始工作了

.bochk-list-style1 {
    background-color:#ffffb6;
    overflow: hidden;
}
#ticker {
    border:1px solid black;
}

我在 Chrome 和 IE9 中对此进行了测试，似乎可以正常工作

Fiddle