判断当在第一屏的时候,回到顶部按钮的时候隐藏

在建站中,若是页面过长,还是在右侧或底部加上个回到顶部按钮比较好,很多网站也会把客服及其他入口放在右侧,这样就会成为比较长的一列了,但若是用户正在第一屏,或许正是幻灯片的位置,右侧飘着个东西挡住了大图,也不美观,那么如何让回到顶部按钮在第一屏时隐藏掉,下滑时再出现:

引入jQuery

<script>

 

 

 /*判断当在第一屏的时候,回到顶部按钮的时候隐藏*/

 $(window).scroll(function(){

                if($(window).scrollTop()>600){ //垂直滚动条offset

                    $("#div").show();

                }else{

                    $("#div").hide();

                }

            });

</script>

只需要这么一段简单的js就可以了,注意 if($(window).scrollTop()>600),这种方法判断是否是第一屏是靠手动设定高度的,大于此高度则隐藏。此方法用在隐藏其他东西也是可行的

猜你喜欢

转载自blog.csdn.net/qq_35606790/article/details/90174174