开始:

在制作网站时会遇到需要写一个侧边按钮用于点击返回顶部功能,返回顶部后需要消失,下拉时图标才会展示出来,看代码:

< script >
    $(function () {
        $(window).scroll(function () {

            var scrollt = document.documentElement.scrollTop + document.body.scrollTop;

            if (scrollt > 200) {
                $("#go_top").addClass("show");//添加一个class属性

            } else {
                $("#go_top").removeClass("show");//删除class属性

            }

        });

        $("#go_top").click(function () {

            $("html,body").animate({
                scrollTop: "0px"
            }, 200);

        });

    }); <
/script>

通过以上js可以实现,只需要绑定一个对应的id即可,以上js中写了一个添加删除class,可以写一个默认隐藏,在show中写一个dispaly:block 实现功能。