js返回点击事件返回页面顶部

 <div class="top"></div>

 .top {

                position: fixed;

                right: 0;

                bottom: 20px;

                width: 40px;

                height: 40px;

                line-height: 40px;

                text-align: center;

                background-color: #fff;

                color: #ed3932;

                font-size: 24px;

                cursor: pointer;

            }

 

   // to top

        $(".top").hide();//隐藏

        $(window).scroll(function () {

            if ($(window).scrollTop() > 150) {

                $(".top").fadeIn();//淡入效果

            } else {

                $(".top").fadeOut();//淡出效果

            }

        })

        $(".top").click(function () {

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

        })