关于正文溢出的 JavaScript
JavaScript on body overflow?
我在我的网站上创建了一个上下文菜单,右键单击时会显示。在该上下文菜单中,我有一些子菜单将出现在菜单的正确站点上。
现在的问题是,如果您调用页面右侧的上下文菜单,则没有足够的空间来显示子菜单,并且浏览器会添加水平滚动条。
如果浏览器中没有足够的空间,是否有任何 JavaScript 命令或其他可以更改 CSS 中子菜单的位置?
您可以在
JsBin 上实时找到您可以执行的操作的草稿
您可以轻松获取鼠标的位置并再次检查文档宽度。
代码使用jQuery来简化。
$(document).mousemove(function(e){
var CONTEXT_MENU_WIDTH = 200,
pos = 'RIGHT';
if( ($(document).width() - CONTEXT_MENU_WIDTH) < e.pageX )
pos = 'LEFT';
$('#status').html(e.pageX +', '+ e.pageY);
$('#position span').html(pos);
});
编辑
只是添加了一条简单的垂直线来帮助定位。
CONTEXT_MENU_WIDTH
变量应该是您希望上下文菜单更改位置的区域宽度。
相关文章:
- 将两个图像合并为一个,并使用javascript进行溢出隐藏
- JavaScript:将字符串的一部分放入DOM容器中,保存溢出
- JavaScript代码,如TextArea Wrapping或Div溢出:auto
- Javascript:尝试构建带有循环的屏幕键盘,但我收到“分配大小溢出”消息
- 从 JavaScript 设置溢出 CSS 属性
- 在溢出元素中使用 Javascript 滚动
- JavaScript随机溢出或超出范围
- 绘制图像时JavaScript堆栈溢出
- ASP.NET/JavaScript:数组索引溢出:实体框架/LINQ
- Javascript事件循环任务队列溢出是否可能
- 关于正文溢出的 JavaScript
- Javascript 是否处理整数溢出和下溢?如果是,如何
- JavaScript 检查链接内的文本锚文本是否溢出
- Javascript:跳转到溢出环境的特定部分
- CSS或Javascript水平表溢出解决方案
- 在CSS/JavaScript中溢出时调整文本大小
- IE8 JavaScript弹出菜单”;第3行的堆栈溢出”;
- Javascript检测溢出的元素
- HTML样式=“;溢出:隐藏;使用JavaScript/jQuery访问溢出内部的元素
- firefox(9),javascript,由于大数据文件导致分配大小溢出.有什么办法可以避免这种情况吗