jQuery 随滚动条滚动效果 (固定版)

//侧栏随动
var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动
    rollSet = $('.search,.weibo,.group,.feed-mail,.tags'); //添加rollStart之前的随动区块

rollStart.before('<div class="da_rollbox" style="position:fixed;background-color:#fff;width:inherit;"></div>');
var offset = rollStart.offset(),objWindow = $(window),rollBox = rollStart.prev();
objWindow.scroll(function() {
    if (objWindow.scrollTop() > offset.top){
        if(rollBox.html(null)){
            rollSet.clone().prependTo('.da_rollbox');
        }
        rollBox.show().stop().animate({top:0,paddingTop:15},400);
    } else {
        rollBox.hide().stop().animate({top:0},400);
    }
});

 

转载于:https://www.cnblogs.com/songmz/p/3822406.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值