求救 HTML中如何防止绝对定位的拖拽层导致父窗体溢出 出现滚动条

[圣光麦造]

如何防止子窗体子窗体向下拖拽导致父窗体内容溢出 出现滚动条
如下图右下角 如何可以让子窗体只能在有效父窗体内容范围内移动
试过很多方法 定位 设置父窗体大小 max-height max-width等等都没用
求救

[一片冰心在玉壶]

表示没看懂

[圣光麦造]

引用 1 楼 Mockqi 的回复:

表示没看懂

我做了一个绝对定位的层 具有拖拽功能 但是如何拖拽出了父窗体 父窗体就会产生滚动条 - - 试过好多办法 能搜到的办法用遍了 都没法解决

[hanqinsky]

浏览器的那个页面不要滚动条,还是拖拽层不要滚动条?

[yound912]

window.innerHeight (窗口高度) window.innerWidth (窗口宽度） 拖拽层设置定位为fixed 限制拖拽层的 左上角x坐标+拖拽层宽度 不能超过窗口宽度 左上角y坐标+拖拽层高度 不能超过窗口高度 就可以了

[絮飘]

定义内部窗体的宽和高，确定内部窗体的四面边距的值，当被拖动的项大于四面边距所对应的值的时候，让他无法跨越此值。

[神邹六号]

楼主问题提得好，学习中。

[狐狸也笨]

1、限制子窗体内容的拖动范围； 2、设置iframe不出现滚动条；

[一例沙白]

没怎么懂呢？试过overflow没有？绝对定位有overflow在处理溢出时提供四个属性： 默认visib：不裁剪内容，也不加滚动条； hidden：表示裁剪内容，而且不显示超出对象尺寸的内容； scroll：裁剪内容且提供滚动条； auto：必要时裁剪内容并添加滚动条。 同时有clip：rect（top right bottom left）|auto；可以指定一个裁剪区域； position：fixed；相对窗口定位；但目前有些浏览器不支持。

[「已注销」]

1.把要展示的子窗体挪到父窗体标签之外 2.设置body及父窗体溢出规则为 overflow: hidden; 3.设置子窗体为元素为相对浏览器绝对定位：position: fixed;