素材巴巴 > 程序开发 >

监听DOM元素宽高变化

程序开发 2023-09-03 17:04:29

所属页面:甘特图

产生原因:红框时间线定位使用fixed导致,所属DOM宽度动态设置宽度(和父元素相等),而后溢出隐藏,但父元素宽度变化后,页面渲染已经完成会导致时间线覆盖滚动条乃至溢出

所属需求:全屏和退出全屏,放大缩小页面后

解决思路:所属盒子,给内容溢出隐藏,宽度和所属父元素宽度相等,但……反正说不清,就记录一下方法,诶嘿嘿~

 

1.监听页面大小变化

因为他所属父元素是flex:1,所以这个方法行的通(主要我有个全屏显示甘特图的需求)。

// 监听页面大小变化
 window.onresize = () => {// 里面就获取页面变化后的父元素宽喽
 }

2.监听具体DOM元素

PS:这个应该得配合css中的   resize  使用,具体可以搜搜。

放个链接吧:https://blog.csdn.net/u010419337/article/details/81474311


标签:

上一篇: Angular项目配置外部访问地址 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。