我已经在CSS中构建了一个简单的suckerfish菜单,当用户点击主菜单项时,将显示一个子菜单。
标记:
<div class="bodywrapper">
<a class="button" href="#"></a>
<ul class="menu">
<li>test test test</li>
<li>test test test test test test test test test test tes
如果您看一下,就会看到一个红色的菜单按钮。悬停在上面显示一个绿色的飞离菜单。问题是,在滚动蓝色任务栏或粉红色内容时,“飞出”菜单不与按钮保持对齐(它们彼此独立滚动)。
(因为作为蓝色任务栏的一个相对子元素,它将被前者的溢出属性隐藏,所以该菜单被绝对定位。)
我尝试了.scroll()和.scrollTop() (请参阅代码注释),但是它没有工作。
至少,如果没有其他可能的话,我想在滚动时隐藏飞出菜单。
function positioning() {
$('#start').bind({
mouseenter: function () {
var sta