css:
.back {
1. position: fixed;
2. width: 64px;
3. height: 64px;
4. background: url(["../images/back.fw.png"](file:///D:/%E9%A1%B9%E7%9B%AE/DRAS%20html%20develop/DRAS(welcome)/resources/images/back.fw.png)) no-repeat;
5. right: 48px;
6. bottom: 20px;
7. cursor: pointer;
}
js:
var wH = $(window).height();//獲取窗口一屏的高度
$(window).scroll( function(e) {
if ($(window).scrollTop() > wH){ //當(dāng)滑動的距離大于一屏的時候，讓向上的小圖顯示，否則隱藏
$( '.back').show ();
} else{
$('.back' ).hide() ;
}
});
$('.back'). click(function(e) {
$('html,body' ).animate({'scrollTop': '0'}, 300);
});
