jq一些常用的交互效果

jq回到顶部：

//回到顶部
$(window).scroll(function() {
    //执行处理的代码
    var a = document.body.scrollTop;
    if($(document).scrollTop() > 0) {
        $("#top").css("display", "block")
    } else {
        $("#top").css("display", "none")
    }
})
$("#top").click(function() {
    var speed = 200; //滑动的速度
    $('body,html').animate({
        scrollTop: 0
    }, speed);
    return false;
});

滚动加类：

$(document).scroll(function() {
    if ($(document).scrollTop() >= 730) {
        $('.shadow_box').addClass('fixed-top')
    } else {
        $('.shadow_box').removeClass('fixed-top')
    }
})