在应用程序中使用 HtmlCtrl 时,“scrollHeight”未在“onscroll”事件处理程序中更新,但在 I
"scrollHeight" not updated in "onscroll" event handler when using HtmlCtrl in an application but works correctly in IE9
当下面的示例代码在IE9中加载时,它可以正常工作,但是当在应用程序的html控件中加载时,当我更改处理程序中的innerHTML
内容时scrollHeight
onscroll
事件处理程序中不会更新,因此不会显示警报。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script>
function f()
{
var nBodyHeightOld = document.getElementById("div1").scrollHeight;
document.getElementById("div1").innerHTML += '<div>It is a test!</div>';
if (document.getElementById("div1").scrollHeight != nBodyHeightOld)
alert('scrollHeight changed!');
}
</script>
</head>
<body>
<div id='div1' style='overflow:scroll; height:300px' onscroll="f()">
<div style='height:400px'></div>
</div>
</body>
</html>
因为应用程序使用 IE8。要强制应用程序使用 IE9 将元标记添加到 html:
<meta http-equiv="X-UA-Compatible" content="IE=9" >
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- keyup事件处理程序更改焦点不适用于快速键入
- 用程序搜索JQuery数据表中的文本
- Javascript:selenium Web驱动程序isDisplayed()不工作
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- Emberjs应用程序加载在除Index之外的所有路由上
- ExtJS 5用程序点击actioncolumn gridview
- 使用电话间隙在Android应用程序中显示SQL Lite的数据
- 如何从Java/scala调用js美化程序
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- angular 1.5应用程序中的导航栏
- YUI3 IO实用程序是否可以根据给定的内容类型标头值自动序列化数据
- 如何创建带有插槽的vue js组件预加载程序
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- 在Windows 10中自动执行例行程序(主要与浏览器交互)
- 在Web应用程序中使用Highcharts javascript
- JavaScript onScroll在谷歌应用程序脚本web应用程序中不起作用
- 在应用程序中使用 HtmlCtrl 时,“scrollHeight”未在“onscroll”事件处理程序中更新,但在 I
- 包含外部wesbite的Iframe不会触发onscroll事件处理程序