NO。58 新浪微博顶部新评论提示层效果——position：fixed
生活随笔
收集整理的這篇文章主要介紹了
NO。58 新浪微博顶部新评论提示层效果——position：fixed
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這個層的效果用position：fixed實現的很好，但是就是很糾結的ie6有問題
我今天試自己是這樣實現的，但是ie6中滾動條滾動的時候會不停的抖動，不知道怎么是好
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>fix頂部</title>
<script?src="js/jquery-1.3.2.min.js"?type="text/javascript"?language="javascript"></script>
<style>
*{padding:0px?;?margin:0px;}
.top_nav{width:100%;?height:30px;?background:#CCC;}
.fix_box{width:200px;??height:30px;?background-color:#FFC;?border:1px?solid?#F90;right:100px;?top:10px;?position:fixed;?_position:absolute;}
</style>
<!--[if?IE?6]>
<script>
$(function(){
????$(window).scroll(function()?{
????????var?scrollsTop?=?$(this).scrollTop()+10;
????????$(".fix_box").css("top",scrollsTop);
????})
})
</script>
<![endif]-->
</head>
<body>
<div?class="top_nav">
????<div?class="fix_box"></div>
</div>
<div?style="height:800px;"></div>
</body>
</html>?
?
轉載于:https://www.cnblogs.com/00fairy00/archive/2011/05/11/2043375.html
總結
以上是生活随笔為你收集整理的NO。58 新浪微博顶部新评论提示层效果——position：fixed的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ZOJ 1049 2^x mod n =
- 下一篇： 设计模式学习—Strategy(策略)