jQuery实现网站漂浮置顶和置底特效

2015-06-12 16:04 阅读 99 次 评论关闭

<script type="text/javascript">

$(function(){
$("#updown").css("top",window.screen.availHeight/2-100+"px");
$(window).scroll(function() {
if($(window).scrollTop() >= 100){
$('#updown').fadeIn(300);
}else{
$('#updown').fadeOut(300);
}
});
$('#updown .up').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
$('#updown .down').click(function(){$('html,body').animate({scrollTop: document.body.clientHeight+'px'}, 800);});
});
</script>
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:jQuery实现网站漂浮置顶和置底特效 | 猎微网

评论已关闭!