vue无感上拉加载更多

window.addEventListener('scroll',this.onScroll);


onScroll() {//可滚动容器的高度letinnerHeight =document.querySelector('#app').clientHeight;//屏幕尺寸高度letouterHeight =document.documentElement.clientHeight;//可滚动容器超出当前窗口显示范围的高度letscrollTop =document.documentElement.scrollTop;//scrollTop在页面为滚动时为0,开始滚动后,慢慢增加,滚动到页面底部时,出现innerHeight < (outerHeight + scrollTop)的情况,严格来讲,是接近底部。console.log(innerHeight +" "+ outerHeight +" "+ scrollTop);if(innerHeight < (outerHeight + scrollTop)) {//加载更多操作console.log("loadmore");this.items +=10; } }



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 写在前面: Window和document对象的区别 window对象表示浏览器中打开的窗口 window对象是可...
    给堕落一个理由先阅读 713评论 0 3
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,264评论 0 5
  • html结构 (Emmet) (div.box>div.pic>img[src="images/$.jpg"])*...
    LaBaby_阅读 664评论 0 0
  • 你要做的就是别人换不掉的,那你做不到怪谁,就是你自己没用!
    洋氵羊阅读 126评论 0 0
  • 姓名于欣荣 公司:辽宁丛迪服装有限公司 【日精进打卡第92天】 【知~学习】 《大学》2遍 《通篇》1遍 【经典...
    领悟人生123阅读 205评论 0 0