任何人都知道的一个jQuery鱼眼/坞的导航软件是能够有一个固定的位置?
-
12-09-2019 - |
题
我希望把水平鱼眼/坞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总是在顶部。
一些更多的解决方案的框避免re0inventing轮(当然,如果许可证允许)
你可以修补s接口鱼眼这个修补程序。然后鱼眼的工作与 position: fixed;
参见:http://www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/
不隶属于 StackOverflow