javascript - 当用户 "drags"鼠标跨过查看区域时，如何防止显示屏幕外的内容？

Question

我在 body 标签上使用了“overflow: hidden”，它隐藏了滚动条，但它不会阻止用户在拖动到底部或右侧边缘时单击并拖动鼠标以显示外部内容的浏览窗口。这是网站:

http://entanglement.gopherwoodstudios.com/

要复制行为，一种方法(在 Chrome 中)是按下鼠标中键并向下或向右拖动。在 IE9 中，捕获菜单按钮并将其拖动到边缘。

是否有应用程序范围的方法来防止这种情况，或者是否有我必须在每个元素上重新处理的属性或事件调用？

Answer 1

尝试在用作剪辑的元素上将 overflow-x 和 overflow-y CSS 属性设置为 "hidden"元素。

overflow-x:hidden;
overflow-y:hidden;