在建站中,若是页面过长,还是在右侧或底部加上个回到顶部按钮比较好,很多网站也会把客服及其他入口放在右侧,这样就会成为比较长的一列了,但若是用户正在第一屏,或许正是幻灯片的位置,右侧飘着个东西挡住了大图,也不美观,那么如何让回到顶部按钮在第一屏时隐藏掉,下滑时再出现:
引入jQuery
<script>
/*判断当在第一屏的时候,回到顶部按钮的时候隐藏*/
$(window).scroll(function(){
if($(window).scrollTop()>600){ //垂直滚动条offset
$("#div").show();
}else{
$("#div").hide();
}
});
</script>
只需要这么一段简单的js就可以了,注意 if($(window).scrollTop()>600),这种方法判断是否是第一屏是靠手动设定高度的,大于此高度则隐藏。此方法用在隐藏其他东西也是可行的