有人知道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
一些开箱即用的解决方案,以避免重新发明轮子(当然,如果许可证允许)
您可以使用此修补程序修补jQuery接口Fisheye。 然后Fisheye与position: fixed;
请参阅: http : //www.monkey-business.biz/181/jquery-interfaces-fisheye-position-fixed-patch/