4

我希望在我的网站上放置一个水平鱼眼/码头导航，但我需要它是固定定位......我发现的所有不支持固定定位。

以下是我找到的一些链接：

  • jQuery OS X Dock #1 - 不支持固定定位
  • CSS Dock Menu - 这与上面的非常相似......
  • euDock 2.0 - 支持类似于固定定位（位置：绝对与 javascript 以确保它保持在同一个位置）但这不起作用，因为当你向下滚动时它太跳跃了（看看我的意思去那个链接和滚动）...真正的固定位置通常与滚动完美平滑。

我还没有看到一个不会中断的水平的，有一个垂直的可以与上面的第一个链接在同一页面上工作。

任何人都知道任何适用于固定定位的鱼眼/停靠菜单吗？

编辑：将定位更改为固定将特别破坏这些菜单的功能（他们甚至在上面第一个链接的文章中说）。如果我将定位更改为固定，我正在寻找一个不会损坏的。

4

5 回答 5

1 
getPointer : function(event)
{
    var x = event.pageX || (event.clientX + (document.documentElement.scrollLeft
            || document.body.scrollLeft)) || 0;
    var y = event.pageY || (event.clientY + (document.documentElement.scrollTop
            || document.body.scrollTop)) || 0;
    //subtract, add scrollbar    
    y -= $(window).scrollTop();
    return {x:x, y:y};
},

修改界面的iutil.js，你显示减scrollTop

于 2009-11-12T11:54:26.837 回答
0

固定定位可以用 CSS 来完成。

#main_menu {
  position: fixed;
  top:10px;
  left:10px;
}

我没有使用任何这些鱼眼 javascript 的东西，但我认为它们将与固定元素一起使用。

于 2009-08-08T21:12:41.040 回答
0

一些开箱即用的解决方案，以避免重新发明轮子（当然，如果许可证允许）

http://www.ndesign-studio.com/blog/mac/css-dock-menu

于 2009-11-15T12:29:18.143 回答
0

我建议你试试这个。

为什么不将导航栏放在一个 div 中，将内容放在另一个 div 中，并使用自动溢出功能？然后导航栏总是在顶部。

喜欢这里：http ://www.pmob.co.uk/temp/fixed-header.htm

于 2009-11-13T10:16:09.217 回答
0

您可以使用此补丁修补 jQuery 接口 Fisheye。然后 Fisheye 与position: fixed;

见： http ://www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/

于 2010-01-05T07:51:29.767 回答