任何人都知道能够有固定位置的 jQuery 鱼眼/码头导航插件吗？答案

【问题标题】：Anyone know of a jQuery fisheye/dock navigation plugin that is able to have a fixed position?任何人都知道能够有固定位置的 jQuery 鱼眼/码头导航插件吗？
【发布时间】：2010-11-18 00:08:33
【问题描述】：

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

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

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

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

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

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

【问题讨论】：

你找到解决方案了吗？

标签： javascript jquery menu css fisheye

【解决方案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

【讨论】：

谢谢！！您为我节省了数小时的挫败感！绝对是最好的解决方案。只是为了澄清其他可能正在尝试的人...在这里下载 interface.js 和所有源文件：interface.eyecon.ro 然后编辑 iutil.js 文件并将其与其余脚本一起包含在 html 文件的标题中。

【解决方案2】：

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

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

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

【讨论】：

固定定位破坏了菜单的鱼眼功能（当您滚动时它不再使图标变大）我确信必须有一个不会破坏固定定位的菜单跨度>
您总是可以亲自动手并更改其中一个插件以支持您想要的。

【解决方案3】：

我建议你试试this one。

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

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

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

【讨论】：