【发布时间】：2011-08-04 13:05:39
【问题描述】：
我已经搜索了过去两个小时，但无法找到解决这种确切情况的方法。
我有一个网站，允许用户“弹出”来自第三方（例如 justin.tv）的嵌入式视频流。当他们这样做时，我在窗口中放了一个全宽的标题，除了顶部的 10px 之外，它大部分都是隐藏的。
当他们将鼠标悬停在 10 像素区域时，标题会扩展到内容中，为他们提供一些菜单选项，例如“弹回”。
问题是，无论我做什么（纯 css、css/js 等），我都无法得到它，因此在每种情况下，都是：
- 已创建弹出窗口，标题显示为 40 像素，一段时间后，它会折叠回 10 像素
- 用户悬停标题，它展开 40 像素
- 用户鼠标移出页眉，缩回 10 像素
嵌入的视频将占用窗口中所有剩余空间，我们将永远不会在窗口中看到滚动条。
我已经“主要”使用 javascript 来调整 div 的大小，但它不能很好地与负责更改标题高度的 jquery.animate() 函数结合使用。
感谢任何帮助！
编辑：
可以在以下位置找到一个半工作示例：
http://wellplayed.org/channel/now_live
根据您阅读本文时正在直播的频道，单击其中一个，然后在“查看流”页面中，找到左上角的“弹出流”按钮。
但请注意，我已经纠正了一些在我的开发环境中是如何完成的，所以它并不像现在那样相当那么糟糕。
【问题讨论】：
-
发布您的 css 和 html。或者更好的是，一个工作示例或 jsfiddle 链接。
标签： jquery css popup height embed