Question

我如何在不跳出框框的情况下逐个滚动文本，使其在chrome和firefox中工作。

<div style="position:absolute; top:0px; left:0px; right:0px; height:80px; overflow:hidden; display:block; border:solid 1px gray; padding:2px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;">
    <marquee behavior="scroll" direction="up" scrollamount="5" style="width:100%; height:100%; vertical-align:middle; cursor:pointer;" onMouseOver="this.setAttribute('scrollamount', 0, 0);this.stop();"
 OnMouseOut="this.setAttribute('scrollamount', 2, 0);this.start();">
 
    <ul id="list" >
   
<li id="1">aaaaaaaaaaaaaaaaaaaaaaaaaaaa.</li>
<li id="2">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz.</li>

</ul>
    </marquee>
    </div>

Answer 1

如果我正确回答您的问题，则您尝试一次移动一个<li>，因此您给了包装器特定的高度80px，只需将margin-bottom:80px添加到每个{ {1}}元素，就可以做到。

<li>

HTML CSS滚动文本一一

1 个答案: