頁面滾動文字位置不變特效,采用jquery寫的,很簡單。
jquery 代碼
<script language="javascript" src="jquery-1.7.1.min.js"></script>
<script language="javascript">
$(function(){
$(window).scroll(function(){
var b=$(window).scrollTop();
if(b>0){
var t= b+$(window).height()-100;
$("#go_top").offset({ top: t, left: 30 }).show();
}else{$("#go_top").hide();}
});
});
</script>
頁面中的文字<div id="go_top" style="height:20px; width:40px; position:fixed; display:none;">返回頂部</div>
保存一下,當(dāng)頁面滾動大于1屏幕的時候開始顯示。
更多信息請查看IT技術(shù)專欄