Jquery——简单的视差滚动效果,兼容PC移动端

$(function(){
    $(window).scroll(function(){
        var top=$(this).scrollTop();
        $(".abc").css({transform:"translate3d(0px,"+-(top/3)+"px,0px)"})//需要设置视差的元素
    });
});

//本例主要通过css3的transform中3D元素来实现元素的平移,让绝对定位的元素通过window.scroll事件来触发平移

posted @ 2016-11-21 17:23  知乎其微  阅读(1061)  评论(1编辑  收藏  举报

你要相信今天的积累将是以后的一大笔财富!

ohmygirl@2014