滚动条拉动很缓慢，卡

最新推荐文章于 2022-07-20 09:35:56 发布

原创最新推荐文章于 2022-07-20 09:35:56 发布 · 984 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发工具 #java #ViewUI

js 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种导致Internet Explorer浏览器页面卡顿的原因及解决方案。通过对特定JavaScript代码的分析发现，该代码针对IE浏览器调整页面滚动条显示，进而影响了页面性能。通过禁用这段代码，成功解决了页面卡顿的问题。

1、可能显卡驱动有问题。

-- 360硬件大师测试驱动正常

2、页面已经加载，用yslow无法测试

3、在火狐上正常，只在ie下卡。

-- 分析可能是只针对ie的js代码有关

找到如下js代码，注释掉就解决了：

function autoScrollResize() {
				var content_h = document.body.clientHeight; //内容高度
				var content_w = document.body.clientWidth;
				var broswer_h = document.documentElement.clientHeight; //浏览器窗口的可视高度
				var broswer_w = document.documentElement.clientWidth;
				if(content_h < broswer_h && content_w < broswer_w) {
				document.getElementsByTagName('body')[0].style.overflow = 'hidden';
				document.getElementsByTagName('html')[0].style.overflow = 'hidden'; // 在DTD标准下，为html元素设置overflow:hidden才能去掉滚动条
				} else{
					document.getElementsByTagName('html')[0].style.overflow = 'auto';
				}	
			}
			window.onload = function() {
				if(window.ActiveXObject) { // 针对IE
					autoScrollResize();
					//window.attachEvent("onresize", autoScrollResize); //使用ie的resize时事件监听
				}
			}

window.attachEvent("onresize", autoScrollResize); //使用ie的resize时事件监听