【问题标题】:Open div smoothly顺利打开div
【发布时间】:2011-07-23 07:07:10
【问题描述】:

是否可以顺利打开 div 到其内容的完整大小?如果:

  1. div 的内容 - 任意大小的文本
  2. div 最初显示一些文本 ({overflow:hidden; height: 100px;})

应该是跨浏览器的解决方案,滚动条的出现是不可接受的。

谢谢。


感谢@Tryster,这是solution

【问题讨论】:

标签: javascript jquery html css


【解决方案1】:

你可以用 jquery 做到这一点

$("#your_div_name").show('slow');

$("your_div_name").slideDown('slow');

【讨论】:

  • 不,div 是可见的,但它显示了他的一部分内容(通过{overflow:hidden; height: 100px;})。我想顺利增加div的高度,直到div开始显示他的所有内容。
  • 说你的父级潜水名称是divParent 并在divParent 中插入一个div 说your_div_name 并做同样的事情.. :)
【解决方案2】:

我似乎记得元素的 scrollHeight 属性应该返回内容的长度。然后,您可以使用它在高度上调用 jQuery.animate。

【讨论】:

    【解决方案3】:

    http://jsfiddle.net/efortis/vxS6y/

     $('.smooth').slideUp(350).delay(800).fadeIn(400);
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-07-12
      • 1970-01-01
      • 1970-01-01
      • 2013-05-20
      • 2012-10-26
      • 1970-01-01
      • 2019-01-19
      • 1970-01-01
      相关资源
      最近更新 更多