我正在开发一个界面,该界面利用可滚动 div 中的项目列表,其中一些利用悬停时的滚动菜单,该菜单延伸到 div 之外。禁用脚本兼容性是该站点的优先事项,因此在我开始进行其他妥协之前,我正在尝试查看界面是否可以仅使用 CSS 完成。
我在下面有一些例子。有问题的菜单位于右侧,标题为“选择项目”。每页顶部的第三个列表项包含一个翻转菜单。
为了在滚动位置发生变化时保持滚动位置相对于其父级,我定位了父级 li 的相对位置和子级 ul 的绝对位置。
例 1
当然,一旦overflow:auto开启并且滚动到位,翻转就会停止显示。 例 2
我尝试删除父 li 的相对定位,并保留翻转的绝对定位以将它们从 div 中释放出来,但是当滚动位置改变时它们没有正确定位。我只能发布两个链接,但如果你想要一个插图,它就在这里:eypaedesign.com/markets-rollover-issue-no-relative.htm
除了更改 UI 之外,是否有我在这里没有看到的属性组合可用于使此界面在 CSS 上工作?我可以将整个 div 定位为绝对,并添加大量左侧填充以显示翻转,但这似乎很不雅。
谢谢各位——