从鼠标点(及更多)查询位置元素
jQuery position element from the mouse point (and more)
我正在编写一个jQuery插件,用于向元素添加上下文菜单。现在,我需要修复上下文菜单的位置。如果没有足够的空间从鼠标底部显示整个上下文菜单,那么它应该从鼠标顶部显示。我尝试了一些东西,但没有达到我想要的效果。
以下是jsFinddle上的代码:http://jsfiddle.net/evandroprogram/pRPQq/
谢谢。
给你,伙计,我已经在这里分叉并更新了你的小提琴
http://jsfiddle.net/joevallender/j5Vy9/
代码更改是这个
var screenBottom = $(window).scrollTop() + $(window).height();
var menuHeight = _contextMenu.height();
var menuBottom = menuHeight + options.positionY;
if(menuBottom > screenBottom) {
_contextMenu.css({
top: "-=" + menuHeight
})
}
放置在您设置_contextMenu.css()之后
EDIT刚刚再次测试,这不是像素完美的,但它确实有效,如果你想调整它,应该会给你一个不错的线索:)
相关文章:
- 天桥涡轮中的位置查询
- 从鼠标点(及更多)查询位置元素
- j查询地理位置和地图突出显示
- 需要呈现MongoDB查询返回结果的特定索引/位置
- 通过位置栏更改查询字符串,AJAX加载的菜单不会't在没有硬刷新的情况下重新填充
- 查询JSON文件以获取数组中的位置
- j查询在点击位置上显示标记
- JavaScript 位置搜索 URL 中的多个查询参数
- 更改窗口.基于媒体查询的滚动位置
- j查询可拖动位置不变
- j查询切换 - 更改图像的背景位置
- 参数在查询字符串中的位置如何影响页面
- 为使用“我的位置”作为起点的Bing地图方向构建查询字符串
- 在mongodb地理位置查询中使用对象属性作为$maxDistance参数
- 菜单位置相对于介质查询的文档高度
- 实时查询和检测滚动的位置
- 如何在mongodb / mongoose查询中改变基于参数的结果位置
- 谷歌位置自动完成删除国家查询
- 使用可选位置解析地理位置查询
- 根据用户的当前位置查询位置数据库