美文网首页
回到顶部js

回到顶部js

作者: normandy | 来源:发表于2017-02-16 11:38 被阅读13次

    回到顶部功能Demo:

    <code>
    (function () {

    function scroll() {
        var obj = document.getElementById("scrollto");
        if (!obj || obj == undefined || obj == null) {
            obj = document.createElement("div");
            obj.setAttribute("class", "goTop");
            obj.setAttribute("id", "scrollto");
            obj.setAttribute("style", "display:none;");
            var objImg = document.createElement("img");
            objImg.setAttribute("src", "../App_Image/Webpage/goTop.png");
            objImg.setAttribute("id", "goTop");
            objImg.setAttribute("onclick", "scrollTo(0,0);");
            obj.appendChild(objImg);
            document.body.appendChild(obj);
        }
        if (document.documentElement.scrollTop + document.body.scrollTop > 100) {
            document.getElementById("scrollto").style.display = "block";
        } else {
            document.getElementById("scrollto").style.display = "none";
        }
    }
    window.onscroll = scroll;
    

    })();
    </code>

    相关文章

      网友评论

          本文标题:回到顶部js

          本文链接:https://www.haomeiwen.com/subject/jqocwttx.html