jQuery回到顶部
  • 分享到微信朋友圈
    X
立即下载 查看演示

本文介绍如何使用jQuery制作回到顶部功能。

主要js代码

<script>
    jQuery(document).ready(function (a) {
        action()
    });
    function action() {
        $(document.body).append('<div id="roll" style="display:none;"><div title="回到顶部" id="roll_top"></div></div>');
        $("#roll_top").click(function () {
            $("html,body").animate({
                scrollTop: "0px"
            },
        800)
        });
        $(window).scroll(function (a) {
            if ($(this).scrollTop() > 260) {
                $("#roll").fadeIn()
            } else {
                $("#roll").fadeOut()
            }
        })
    }; 
</script>