js页面滚动到一定位置时触发事件：隐藏、固定显示相互切换

页面滚动到一定位置时触发事件：隐藏、固定显示相互切换

js代码如下：

<script>
window.onload=function(){
var oFix=document.getElementById('fixed'); //获取dom节点

show();
window.onscroll=show;

function show(){
var scrollY=document.documentElement.scrollTop||document.body.scrollTop;

if(scrollY<150){
oFix.style.display='none';
}else{
oFix.style.display='block';
oFix.style.top=scrollY+'px';
}
}
}
</script>

html代码如下：

<div id="fixed" style="display:none;">
        <div class="fix">
            <ul>
                <li><strong>HTML5 中的一些新特性</strong></li>
                <li>简洁的DOCTYPE</li>
                <li>简单易记的语言标签</li>
                <li>简单易记的编码类型</li>
                <li>不需要闭合标签</li>
                <li>废弃的标签</li>
                <li>更加语义化的新增标签</li>
                <li>表单增强</li>
                <li>视频和音频</li>
                <li>基于JavaScript 的2D 绘画</li>
            </ul> 	
        </div>
    </div>

本文固定链接: http://www.webzsky.com/?p=117 | 蓝戒的博客