当浏览器调整大小时，高度自动显示隐藏内容

这里是即时通讯工作的网站，原谅我，如果我没有足够具体，即时通讯新的这一点。当浏览器调整大小时，高度自动显示隐藏内容

http://daniel.grocock.me/portnew

设置为#introexpand DIV段的高度并具有调整大小功能检查看是否#introexpand需要适应在更大或更小的区域时，浏览器已经调整。

function resize() { 
    $("#introexpand").css("height", "auto").show(); 
    var pHeight = $("#introexpand p:first").height() + 15; 
    $("#introexpand").css("height", pHeight); 
}

因此，在重新设置高度之前将pHeight设置为自动，并在短时间内显示，以便获得正确的高度。

现在的问题是，当我调整浏览器的大小#introexpand div弹出之前链接span.learnmore点击。

如果我从CSS中删除高度汽车，它似乎修复它，但然后单击时，#introexpand div剂量函数。

来源

2012-06-07 Danman

欢迎来到Stack Overflow！ – Wex

这个函数在'$（window）.resize（）'里面运行吗？ –

@KevinB是的，它的名字是$（document.ready） – Danman

你可以让一个将在onResize处理程序（jQuery）这个函数运行，但它是简单的用CSS来解决：

#introexpand { 
    padding-bottom: 15px; 
}

来源

2012-06-07 21:58:54 Bergi

我试着调整CSS但没有喜悦 - 或者我错过了别的东西去用它？ – Danman

为什么不不同的方法处理这个。当您点击span.learnmore时，不要试图计算#introexpand需要的高度，而应该始终自动设置display:none;。

为此，您需要从#introexpand和position:absolute从#introexpand p中删除position:relative。

你这样做之后，只是默认#introexpand到display:none，然后click上span.learnmore您可以.show()的div或.slideToggle()它的东西票友一点。

我只是觉得你想让它变得比它需要的更复杂。

来源

2012-06-08 00:11:06

当浏览器调整大小时，高度自动显示隐藏内容

回答

相关问题