Question

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

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

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

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

任何人都知道任何可以使用固定定位的鱼眼/码头菜单吗？

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

Answer 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

Answer 2

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

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

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

Answer 3

我建议你试试this one。

为什么不让你的导航栏在一个div中，而另一个div中的内容有溢出自动？然后navibar总是在顶部。

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

Answer 4

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

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

Answer 5

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

一起工作

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

有谁知道jQuery鱼眼/码头导航插件能够有一个固定的位置？

5 个答案: