0

我一直在寻找一个浮动的 div/菜单,它不仅会像下面的示例那样浮动

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

但是当浮动 div/菜单的高度超过视口的高度时,您可以使用主滚动条来查看高于或低于视口的菜单部分。

但是一旦它到达浮动 div/menu 的末尾,它将根据您滚动的方向锁定在顶部或底部。

每个浮动 div 似乎总是锁定在顶部,如果您有一个不会增长的固定高度,这将非常有用。

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

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

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

您可以看到它如何超出视口。我希望它浮动,但允许您向上或向下滚动,直到到达菜单的上限或下限,然后根据您滚动的方向坚持到顶部或底部。

我希望这是有道理的,我一直在研究一个浮动器,它监视滚动位置和滚动方向,然后使用偏移高度和底部调整滚动元素的边距高度,使外观看起来浮动......等等

对于似乎足够简单的事情来说,这似乎太多了。

如果 div 比视口高度高,有谁知道一个插件可以使浮动 div 与主窗口一起滚动?

4

1 回答 1

0

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

然后你可以设置 min-height, min-width, 允许框跨越内容一样大, 或者你可以使用 height/width 设置只允许一定的大小, 然后溢出:auto 允许滚动酒吧。

于 2012-05-10T17:24:29.213 回答