为什么不能触发onscroll事件？
<style>*{margin:0;padding:0;}#dbgdt{width:10%;height:10px;background:green;position:f...
<style>
*{
margin: 0;
padding: 0;
}
#dbgdt{
width: 10%;
height: 10px;
background: green;
position: fixed;
}
#nr{
height: auto;
}
</style>
</head>
<body>
<div id="dbgdt"></div>
<div id="nr" onscroll="gd()">
...内容填充使出现滚动条
</div>
<script>
function gd(){
var y1 = event.pageY;
var y2 = document.getElementById('nr').style.height;
var num = y1 / y2;
document.getElementById('dbgdt').style.width = num + '%';
console.log(1);
}
</script>
</body>
</html> 展开
*{
margin: 0;
padding: 0;
}
#dbgdt{
width: 10%;
height: 10px;
background: green;
position: fixed;
}
#nr{
height: auto;
}
</style>
</head>
<body>
<div id="dbgdt"></div>
<div id="nr" onscroll="gd()">
...内容填充使出现滚动条
</div>
<script>
function gd(){
var y1 = event.pageY;
var y2 = document.getElementById('nr').style.height;
var num = y1 / y2;
document.getElementById('dbgdt').style.width = num + '%';
console.log(1);
}
</script>
</body>
</html> 展开
1个回答
2018-07-22 · 百度知道官方认证企业
腾讯电脑管家
腾讯电脑管家是腾讯公司推出的免费安全管理软件，能有效预防和解决计算机上常见的安全风险，并帮助用户解决各种电脑“疑难杂症”、优化系统和网络环境，是中国综合能力最强、最稳定的安全软件。
向TA提问
关注
![]()
展开全部
1、定义和用法：
onscroll 事件在元素滚动条在滚动时触发。
提示： 使用 CSS overflow 样式属性来创建元素的滚动条。
2、语法：
（1）HTML 中:
<element onscroll="myScript">
（2）JavaScript 中:
object.onscroll=function(){myScript};
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("scroll", myScript);
注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
onscroll 事件在元素滚动条在滚动时触发。
提示： 使用 CSS overflow 样式属性来创建元素的滚动条。
2、语法：
（1）HTML 中:
<element onscroll="myScript">
（2）JavaScript 中:
object.onscroll=function(){myScript};
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("scroll", myScript);
注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
