javascript - 容器持有选框动画的问题 - jquery

Question

我遇到了一个装有选取框的容器的问题，我不确定是什么原因造成的。

本质上，容器拉伸(stretch)得太远，导致动画以极快的速度闪烁(因为动画占了宽度)。

我不想为选取框指定宽度，因为我希望容器拉伸(stretch)到它的兄弟宽度是多少。

我创建了一个 fiddle 来显示正在发生的事情。在 fiddle 中，我包含了我自己网页中包含的确切 html。

我假设其他元素之一的 css 有问题，但是什么？是什么导致容器拉伸(stretch)到极限长度？

FIDDLE: http://jsfiddle.net/uz9pG/

这是我正在使用的 jquery 插件选取框 http://jquery.aamirafridi.com/jquerymarquee/

Answer 1

表格、流动宽度和溢出隐藏技巧并不是很好相处。您要么需要更改代码以使用不同的标记结构，要么为 <td> 中包含的 div 设置固定宽度。 .

此外，您的 JS 中的设置与标记中的数据属性存在冲突。 <div data-duration="2000" data-direction="right" class="marquee">

这是一个工作版本。 http://jsfiddle.net/uz9pG/2/字幕开始需要一秒钟。您需要调整您的 margin 代码来解决这个问题。这个完全删除了表格，但您可以轻松地向 .module_content 之类的内容添加固定宽度。 div 如果适合您的设计。

.module_content {
    width: 400px;
    overflow: hidden;
}