本文实例为大家分享了射流研究…实现滚动条事件的具体代码，供大家参考，具体内容如下

代码：

html head meta charset=' utf-8 ' meta name=' viewport ' content=' initial-scale=1.0，maximum-scale=1.0，user-scalable=no '/title/title style body { margin : 0 0；padd : 0；} .cont { height : 7000 px } # top { position :固定；宽度： 100%;高度： 55pxtop: 0pxleft: 0px背景-color : rosybrown；显示器：无；} #左侧{位置：固定；宽度： 50px高度： 400像素；top: 150pxleft: 50px背景色：蓝色学员；显示器：无；} #左ul {列表式：无；左填充left: 0px} #左ul li { border: 1px纯白色；/*颜色：天蓝色；*/高度： 30px线高： 30px文本对齐：中心；margin: 15px汽车；/*显示：无；*/} .a {底色： burlywoodcolor : # FFFFFF }/样式脚本//滚动事件函数myScroll(){ var I=document。尸体。滚动顶部；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 ')；//控制顶部if(I=1000){ top。风格。display=' block顶部。innerhtml=I；} else { top。风格。显示='无'；} //控制左侧if(I=2000){左。风格。display=' block} else {左侧。风格。display=" none} //显示楼层if(I=2000 I=2500){ f1。类名=' aF2 . class name=F3 . class name=F4 . class name=F5 . class name=F6 . class name=} else if(I 2500 I=3000){ f1。类名=' '；F2 . class name=' af3 . class name=F4 . class name=F5 . class name=F6 . class name=} else if(I 3000 I=3500){ f1。类名=' '；F2 . class name=F3 . class name=' af4 . class name=F5 . class name=F6 . class name=} else if(I 3500 I=4000){ f1。类名=' '；F2 . class name=F3 . class name=F4 . class name=' af5 . class name=F6 . class name=} else if(I 4000 I=4500){ f1。类名=' '；F2 . CLaSS name=F3 . CLaSS name=F4 . CLaSS name=F5 . CLaSS name=' af6 . CLaSS name=} else if(I 4500 I=5000){ f1。类名=' '；F2 . class name=F3 . class name=F4 . class name=F5 . class name=F6 . class name=' a } }/croll=' my croll()' div id=' left ' ul Li id=' f1 ' 1F/Li Li id=' F2 ' 2F/Li Li id=' F3 ' 3F/Li Li id=' F4 ' 4F/Li Li id=' F5 ' 5F/Li Li id=' F6 ' 6F/Li/ul/div id=' top '/div class=' cont '/div/body以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。