这篇文章主要为大家详细介绍了Java语言（一种计算机语言，尤用于创建网站）描述语言实现滚动条事件的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了射流研究…实现滚动条事件的具体代码，供大家参考，具体内容如下
代码：
超文本标记语言
头
meta charset='utf-8 '
meta name=' viewport ' content=' initial-scale=1.0，maximum-scale=1.0，user-scalable=no' /
标题/标题
风格
正文{
边距：0;
填充：0;
}。续
高度：7000像素
}
#top {
位置：固定；
宽度：100%;
高度：55像素
top:0px；
左：0px
背景色：玫瑰色；
显示：无；
}
#左侧{
位置：固定；
宽度：50px
高度：400像素
顶：150 px
左：50px
背景色：cadetblue
显示：无；
}
#左上{
列表样式：无；
左填充：0px
}
#左ul li {
边框：1px纯白；
/*颜色：天蓝色；*/
高度：30px
行高：30px
文本对齐：居中；
保证金：15px自动；
/*显示：无；*/
}。一个{
背景色：粗麻布；
颜色：# FFFFFF
}
/风格
脚本
//滚动事件
函数myScroll() {
var I=文档。身体。滚动顶部；
var top=文档。getelementbyid(“top”)；
var left=文档。getelementbyid(' left ')；
var f1=文档。getelementbyid(' f1 ')；
var F2=文档。getelementbyid(' F2 ')；
var F3=文档。getelementbyid(' F3 ')；
var F4=文档。getelementbyid(' F4 ')；
var F5=文档。getelementbyid(' F5 ')；
var F6=文档。getelementbyid(' F6 ')；
//控制顶部
如果(i=1000) {
顶端。风格。display=' block
顶端。innerhtml=I；
}否则{
顶端。风格。display=' none
}
//控制左侧
如果(i=2000) {
向左。风格。display=' block
}否则{
向左。风格。display=' none
}
//显示楼层
if(i=2000 i=2500) {
f1 . class name=a
F2。类名=" "；
F3。类名=" "；
F4。类名=" "；
F5。类名=" "；
F6。类名=" "；
} else if(i 2500 i=3000) {
f1。类名=" "；
F2 . a
F3。类名=" "；
F4。类名=" "；
F5。类名=" "；
F6。类名=" "；
} else if(i 3000 i=3500) {
f1。类名=" "；
F2。类名=" "；
F3 . a
F4。类名=" "；
F5。类名=" "；
F6。类名=" "；
} else if(i 3500 i=4000) {
f1。类名=" "；
F2。类名=" "；
F3。类名=" "；
F4。class name=" a
F5。类名=" "；
F6。类名=" "；
} else if(i 4000 i=4500) {
f1。类名=" "；
F2。类名=" "；
F3。类名=" "；
F4。类名=" "；
f5.className=' a
F6。类名=" "；
} else if(i 4500 i=5000) {
f1。类名=" "；
F2。类名=" "；
F3。类名=" "；
F4。类名=" "；
F5。类名=" "；
F6。class name=" a
}
}
/脚本
/头
body onscroll='myScroll()'
div id='left '
保险商实验所
li id='f1'1F/li
李id=' F2 ' 2F/李
李id='f3 '李
li id='f4'4F/li
li id='f5'5F/li
li id='f6'6F/li
/ul
/div
div id='top'/div
div class='cont'/div
/body
/html
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。