scroll运用、图片悬浮

scroll 滚动条 长话短说进入正题:

scrollTOP==0 内容置于顶部;

scrollTOP()>=$(document).height-$(window).height 内容置于底部

之后我写了一个效果,在鼠标滚动120像素时,content层显示,小于120像素,content层隐藏

<!--html-->

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>对联广告</title>
</head>
<body style="height:1000px;">
<div class="content">
</div>
</body>
</html>

<!--css-->

*{margin:0;padding:0;}

.content{width:200px;height:400px;background:#fff;display:none;position:fixed;left:0;top:30px;_position:absolute;_top:expression((offsetParent.srollTop)+0);_left:expression((offsetParent.scrollLeft)+0);z-index:999;}

<!--js-->

window.onscroll=function(){
var t=document.documentElement.scrollTop||document.body.scrollTop
if(t>120){
$(".content").fadeIn();
}else{
$(".content").fadeOut();
}
}

posted @ 2014-11-12 17:10  amber_fs  阅读(197)  评论(0编辑  收藏  举报