鼠标滚动到第二屏，显示一个DIV

张广森

于 2014-08-19 15:09:48 发布

阅读量3.3k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/fgdfgasd/article/details/38682011

版权

js 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

收集的片段，就是一个思路

当前文档窗口的高度，大于window屏幕窗口的高度，那么触发这段

if(document.body.clientHeight > window.screen.height) {
                    var _body = S.one('body');

                    S.one(_body.append('<a class="go-top J_goTop"></a>'));

                    S.one(window).on('scroll',function(e){

                        if(S.one(document).scrollTop()>500){
                            S.one('.J_goTop').css({'display':'block'});
                        }else{
                            S.one('.J_goTop').css({'display':'none'});
                        }
                    });
                    Event.on(S.one('.J_goTop'),'click',function(e){
                        e.preventDefault();
                        S.all("body,html").animate({scrollTop:0},.2);
                    });
                }