有人知道jQuery鱼眼/docker导航插件能够有一个固定的位置吗?

我想在我的网站上放一个水平鱼眼/docker导航,但我需要它固定定位……我发现的所有这些都不支持固定定位。

以下是我发现的一些链接:

  • jQuery OS X Dock#1 – 不支持固定定位
  • CSS Dock菜单 – 这与上面的一个非常相似……
  • euDock 2.0 – 支持类似于固定定位(位置:绝对使用javascript以确保它保持在同一个地方)但这不起作用,因为当你向下滚动时它太疯狂了(通过转到该链接看看我的意思滚动)…实际固定位置通常滚动时非常流畅。

我还没有看到一个没有破坏的横向,有一个与上面第一个链接在同一页面上工作的垂直。

有人知道任何可以使用固定定位的鱼眼/docker菜单吗?

编辑:将定位更改为固定将特别打破这些菜单的function(他们甚至在上面第一个链接的文章中说明)。 如果我将定位更改为固定,我正在寻找一个不会破坏的。

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

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

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

我没有使用任何这些fisheye javascript的东西,但我认为他们将使用固定元素。

我建议你尝试这个 。

为什么不把导航栏放在一个div中,另一个div中的内容有溢出自动? 然后navibar总是在顶部。

像这里: http : //www.pmob.co.uk/temp/fixed-header.htm

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

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

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

请参阅: http : //www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/