javascript - jQuery动画向左滑动​​没有文字换行

标签 javascript jquery html animation

我想使用 jQuery 从左到右显示/隐藏一段文本。

我正在使用

$('#text').animate({
     width: ['toggle', 'swing']
});

但是我看到段落在动画播放时换行。而且看起来很丑。

参见 this js fiddle有关不良影响的示例。

您建议如何在没有包装的情况下获得相同的效果? (像 .slideUp()/slideDown())...

感谢您的帮助

最佳答案

需要在容器上设置overflow: hidden,然后给容器应用动画。

Updated fiddle with fix here

关于javascript - jQuery动画向左滑动​​没有文字换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8165467/

相关文章:

javascript - 通过 onclick 从循环中传递一个 PHP 变量

javascript - 检查用户是否安装了第三方 Chrome 扩展程序

javascript - 如何检查 A 标签是否环绕 IMG 元素?

javascript - AngularJS 中页面之间的访问 Controller

html - CSS 显示调整大小和裁剪的图像

JavaScript 动态删除 <tr> 表格行

javascript - Jade 条件菜单

javascript - 延迟加载 Javascript 以加速我的 Joomla

javascript - Typeahead 在 AEM 6.1 中不起作用,但在 CQ 5.6.1 中起作用

javascript - 无法在对象文字中使用 jQuery 函数