我的页脚中有一个包含几个链接的列表,当我单击我最后列出的元素时,即“查看更多链接”,它使用 jQuery slideToggle() 将我的列表替换为新成员。
但是有了这个,我看到我的页脚底部有点向下和向上。
感谢用户 George,此问题已解决,使用 jQuery,通过在页面加载时设置 #col 的高度,这是我的代码:
$('#col').height(function(_,v){ return v; });
但是有了这个解决方案,我遇到了另一个我无法理解的问题
我有 5 个版本的设计使用媒体查询,上面是我的移动版本的图片。如您所见,我的链接“查看更多链接”几乎完全隐藏了。
同样在 Internet Explorer 上,我几乎在我元素的所有媒体查询中都有这个问题......
您知道为什么会发生这种情况吗?
我这里有完整的例子:http://jsfiddle.net/jcak/4ma6es6h/8/
最佳答案
如果您设置 min-height
而不是 height
,您的 div 永远不会太小,也不会折叠到 min-height 以下。
但这还是没有解决你高度偏小的问题。
您可能想查看您的盒子尺寸。查看此处的架构,了解什么算作高度,什么不是: http://api.jquery.com/innerheight/和 http://api.jquery.com/outerHeight/
也许您有未考虑的填充/边距/边框。
关于javascript - 我的列表项几乎完全隐藏,在页面加载时设置我的列表列的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25210964/