调整隐藏的DOM元素大小,然后在jQuery中显示它们

时间:2011-08-07 18:44:11

标签: jquery dom resize hidden

我在很多网站上遇到过这个问题。基本上,全球范围是这样的:

  • 网站应适应所有不同的窗口大小
  • 用户使用键盘或鼠标
  • 在其中导航
  • 页面的所有不同部分已经存在(隐藏)或通过Ajax加载(无网址更改)
  • 某些元素(如图片)需要保持原始宽高比
  • 某些元素(如段落)具有固定宽度,但没有已知高度(自动)
  • 加载网站时,只显示第一部分。

现在,我试过这个:

  • 在init上保存所有元素的原始宽度和高度:由于未加载图像而失败...
  • 在加载时保存所有元素的原始宽度和高度:这会增加不需要的延迟
  • 混合使用两个第一个解决方案,在文本的初始化,图像加载时:这可以按照需要工作,但前提是元素是可见的,而且他的所有父母都是。
  • 在调整大小时,显示全部,调整大小,隐藏那些需要隐藏的内容......这会滞后于所有浏览器。
  • 在调整大小停止时(最后一次调整大小事件后50毫秒):这会阻止所有单个调整大小事件的动画流。

所以,这将我们带到问题标题......

任何人都有这种情况吗?

0 个答案:

没有答案