监控滚动条并更改属性

思路：获取滚动条当前位置参数设置一个判断更改相应选项的属性

<script>

var yh = document.getElementsByClassName("yh")[0];

window.onscroll = function(b){
var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;
if(scrollTop >= 500){
yh.className = 'fixed';
} else {
yh.className = 'yh';
}
}