2012-05-10 41 views
0

我一直在寻找一个浮动DIV /菜单,不仅将浮像下面的例子中与滚动能力

http://dropthebit.com/demos/stickyfloat/stickyfloat.html

但浮动DIV当浮子DIV /菜单高度超过了视口的允许您使用主滚动条查看位于视图端口上方或下方的菜单部分。

但是一旦它到达浮动div /菜单的末尾,它将锁定到顶部或底部,具体取决于您滚动的方向。

每个浮动div似乎总是锁定在顶部,如果你的固定高度不会增长,这个效果会很好。

要查看浮动div上例如何失败,使用firebug或开发工具使div的高度大于视图端口,它将无法工作。或者只是调整窗口的大小,使其小于浮动div的高度,随着您向下滚动长页面,您会看到它停止。

这是一个问题,因为我有一个动态选项菜单,扩展像istockphoto的选项,您可以在下面看到它的合同。

http://www.istockphoto.com/search/text/boxer/source/

你可以看到它是如何长大的视口。我希望它浮动,但允许您向上或向下滚动,直到达到菜单的上限或下限,然后根据滚动的方向粘到顶部或底部。我希望这是有道理的,我一直在研究一个浮动监视器,它可以监视滚动的滚动位置和方向,然后使用偏移高度和底部调整滚动元素的边缘高度,以使其外观浮动。 ..等等

它似乎太多了似乎是很简单的东西。

有没有人知道一个插件,使主窗口浮动div滚动,如果div高于视口高度?

回答

0

由于您使用jQuery的,如果你可以使用jQuery UI,他们支持一个对话框:http://jqueryui.com/demos/dialog/

然后,您可以设置最小高度,最小宽度,以使盒子能跨越的大内容,或者您​​可以使用高度/宽度设置来仅允许一定的大小,然后使用overflow:auto来允许滚动条。