手记

PC端html中scroll事件的全兼容写法

做企业网站页面高度太大就会产生滚动条,这时我们需要做一个回到顶部的按钮,需要:body在顶端的时候隐藏,发生scroll事件的时候出现,点击的时候滚动条回到顶端,部分代码如下:

$(window).scroll(function() {
        var scroll = $("body").scrollTop()||$(document).scrollTop();//兼容IE8、chrome和firefox
        if(scroll <= 0) {
            $(".back_to_top").hide();
        } else {
            $(".back_to_top").show();
        }
    })

    $(".back_to_top").click(function() {
        $("body,html").stop().animate({
            scrollTop: "0px"
        },500)
    })
0人推荐
随时随地看视频
慕课网APP