【问题标题】:Issue with container holding marquee animation - jquery容器持有选取框动画的问题 - jquery
【发布时间】:2014-01-17 22:11:59
【问题描述】:

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

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

我不想说明选取框的宽度,因为我希望容器可以拉伸到它的同级宽度。

我创建了一个小提琴来显示正在发生的事情。在小提琴中,我已经包含了我自己网页中包含的确切 html。

我认为其他元素之一的 css 存在问题,但是什么?是什么导致容器拉伸到极端长度?

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

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

【问题讨论】:

    标签: javascript jquery html css jquery-plugins


    【解决方案1】:

    表格、流体宽度和溢出隐藏的技巧并不能很好地配合。您要么需要更改代码以使用不同的标记结构,要么在 <td> 中包含 div 的一个上设置固定宽度。

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

    这是一个工作版本。 http://jsfiddle.net/uz9pG/2/ 选取框开始需要一秒钟。你需要调整你的保证金代码来解决这个问题。这个完全删除了表格,但如果适合您的设计,您可以轻松地将固定宽度添加到您的 .module_content div 之类的东西上。

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

    【讨论】:

    • 我认为我们仍然缺少一些东西。我已经尝试过其他不这样做的 jquery 插件。不幸的是,设置固定宽度不是一种选择。滑块需要跨越可用宽度(但不能超过该宽度)。从等式中删除表格确实解决了这个问题。但是如何在不删除表格中的选取框 div 的情况下删除表格(使用 jquery)?感谢您的支持。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-03-28
    • 2014-02-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多