有人知道有一个可以固定位置的 jQuery 鱼眼/停靠导航插件吗？

发布于 2024-08-01 18:41:01 字数 824 浏览 2 评论 0 原文

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

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

jQuery OS X Dock #1 - 不支持固定定位
CSS Dock 菜单 - 这与上面的非常相似...
euDock 2.0 - 支持类似于固定定位（使用 JavaScript 的position:absolute以确保它保持在同一个位置）但这不起作用，因为当你滚动时它太跳跃了向下（看看我所说的进入该链接并滚动的意思）...真正的固定位置通常在滚动时非常平滑。

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

山色无中 2024-08-08 18:41:01

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

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

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

Fixed positioning can be done with CSS.

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

I haven't used any of these fisheye javascript things, but I presume they'll work with fixed elements.

回复收藏 0 原文

醉南桥 2024-08-08 18:41:01

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

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

Modify iutil.js of interface, you show subtract scrollTop

回复收藏 0 原文