当前位置: 代码迷 >> 综合 >> js scrollHeight不同浏览器获取方式
  详细解决方案

js scrollHeight不同浏览器获取方式

热度:61   发布时间:2024-02-23 18:28:38.0

最近做了一个项目,发现iframe自适应时获取scrollHeight异常。因为本人习惯用谷歌当做测试浏览器,所以在项目完成时用ie浏览器上跑的时候,出现了调用 onresize函数body高度一直在增加,只增不减,当时还以为是onresize在ie浏览器下不兼容问题,测试好多遍,最后才确定了是scrollHeight获取方式问题。

具体代码let iframe = parent.document.querySelector('#iframe')//f父级iframeIDif (iframe != null) {let version = boolBrowser()//判断浏览器类型方法if (version.indexOf("IE") !== -1 || version === 'Edge') {//解决ie,edge系列浏览器获取scrollHeight高度不适应iframe.style.height = document.documentElement.scrollHeight + 30 + 'px';} else {iframe.style.height = document.body.scrollHeight+ 'px';}}

细心成就不凡的人生!