滚动吸顶思想

原创 小棋子 随笔 js 150阅读 2019-03-27 16:04:10 举报

滚动吸顶可以监听滚动的距离来判断另一个的显示跟隐藏;达到吸顶效果
$('.content').scroll(function() {
if($('.content').scrollTop()>= $('.bar-tip').outerHeight()+$('.index-ad').outerHeight()){
$('.xs-topfixed').css('display','block')
}else{
$('.xs-topfixed').css('display','none')
}
})

原生js监听滚动距离;注意不要把原生跟jq混合着写
document.querySelector('.content').addEventListener('scroll',function () {
if(this.scrollHeight-this.scrollTop<=this.clientHeight +15){
if(addMore){//判断没有数据了就不要去请求
setTimeout(function(){
getCaiceList(1);//加载数据
},500)
}
}
})

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复