我希望把水平鱼眼/坞nav我的网站上,但我需要它是固定的位...所有那些我已经找到了不支持固定的定位。

这里有链接到一些我已经发现:

  • jQuery OS X码头#1 -不支持固定的定位
  • CSS码头菜单 -这是非常相似的一个上...
  • euDock2.0 -支持类似的固定定位的位置(位置:绝对javascript,以确保它停留在同一地点),但这行不通的,因为它的方式太神经质的滚动时下(白我的意思是要链接和滚动)...真正的固定位置通常是完全顺利用滚动。

我还没有看到一个水平的一个不断,有一个垂直的一个,工作在同一页上的第一个链接上。

任何人知道任何鱼眼/码头菜单,将工作与固定的定位?

编辑: 改变定位的固定将打破的功能,这些菜单,特别是(他们甚至说,它在文章中的第一个链接上)。我在寻找一个不会打破,如果我改变定位,以固定。

有帮助吗?

解决方案

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;
}

我还没有使用任何这些鱼眼javascript的事情,但我相信他们会的工作有固定的要素。

我建议你可以试试 这一个.

为什么你让你的导航条在一个div和内容中的另一个div,溢出汽车?然后navibar总是在顶部。

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

一些更多的解决方案的框避免re0inventing轮(当然,如果许可证允许)

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

你可以修补s接口鱼眼这个修补程序。然后鱼眼的工作与 position: fixed;

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top