当网页超过一屏时自动浮动在网页最上方的js特效_

商学院

当网页超过一屏时自动浮动在网页最上方的js特效

被约：

本代码已经经过商帝国网技术测试，可以正常使用

<head>

<title>当网页超过一屏时自动浮动在网页最上方的图层特效</title>

*{ margin: 0; padding: 0; }

.header-wrap{ width: 100%; }

.header-hd{ width: 980px; height: 150px; margin: 0 auto; background-color: #ccc; }

.header-bd{ width: 980px; height: 40px; margin: 0 auto; background-color: green; }

.fixed{ position: fixed; width: 100%; }

.fixed .header-hd{ display: none; }

</style>

<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">

window.onload=function(){

function adsorption(){

var headerWrap=document.getElementById(’header-wrap’);

var scrollTop=0;

window.onscroll=function(){

scrollTop=document.body.scrollTop||document.documentElement.scrollTop;

if(scrollTop>100){

headerWrap.className=’fixed’;

}else{

headerWrap.className=’header-wrap’;

}

adsorption();

}

</ｓｃｒｉｐｔ>

</head>

</div>

</body>

</html>

声明：该文及以下回复观点仅代表作者本人，五略商书系信息发布平台，仅提供信息存储空间服务。
转载请注明作者和出处：转自《五略商书》，作者it之王！


约课	讲师	学院	发现	我的