我一直在寻找一个浮动的 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 与主窗口一起滚动?