elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决

解决方法: 删除官方样例中的`style="overflow:auto"`

ElementUI的官方样例

  <div class="infinite-list-wrapper" style="overflow:auto"><ulclass="list"v-infinite-scroll="load"infinite-scroll-disabled="disabled"><li v-for="i in count" class="list-item">{{ i }}</li></ul><p v-if="loading">加载中...</p><p v-if="noMore">没有更多了</p></div>

cv到代码里边，加载页面时出现不受控制，一直加载出所有。

打开度娘输入问题，问题没解决还衍生出新问题！
外层<div>或者<ul>里加高度，能解决无限加载，但限制高度会导致滚动区域撑不满页面。

瞎搞一通甚至出现了两个滚动条 =。=!

百般尝试后删除了官方样例中的style="overflow:auto"，刷新页面，问题解决！

    <div class="infinite-list-wrapper"><ulclass="infinite-list"v-infinite-scroll="load"infinite-scroll-disabled="disabled"infinite-scroll-distance="10"><li v-for="i in count" :key="i" class="infinite-list-item">{{ i }}</li></ul><p v-if="loading">加载中...</p><p v-if="noMore">没有更多了</p></div>

elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决相关推荐

Infinite-Scroll无限滚动加载数据
无限滚动的实现原理:当滚动条到底离网页底部一定长度的时候,向后台发送页数并获取数据. 首先我们在页面上先放置10条数据,即第一页,每一项都是p标签: <div id="content& ...
【ElementUI】InfiniteScroll 无限滚动组件在部分浏览器中滚动失效的解决方案
ElementUI 官网 InfiniteScroll 使用:https://element.eleme.cn/#/zh-CN/component/infiniteScroll 首先先叙述一下需求,说 ...
【Vue学习总结】22.使用Mint UI的infinite-scroll实现上拉分页加载
接上篇<21.Vue-UI框架之Mint UI的使用> 上一篇我们讲解了Vue的UI框架Mint UI的使用,本篇我们来通过Mint UI提供的infinite-scroll组件结合api ...
使用Element的 InfiniteScroll 无限滚动组件报错
一.问题描述在使用Element的InfiniteScroll 无限滚动时候出现以下错误: TypeError: Failed to execute 'observe' on 'MutationOb ...
InfiniteScroll 无限滚动遇到的坑
InfiniteScroll 无限滚动这玩意遇到的坑解决 [Vue warn]: Error in directive infinite-scroll inserted hook: "Ty ...
JS 判断滚动底部并加载更多效果。。。。。。。。。
JS 判断滚动底部并加载更多效果......... <html lang="zh-cn"> <head> <meta http-equiv=" ...
html 下拉滚动加载,原生js滚动到底部加载数据和下拉刷新 Scrollload
初衷如今移动端站点越来越多,滚动到底部加载数据和下拉刷新的需求非常的常见,即使现在很多pc站点也会有这样的需求,比如百度首页就有.虽然简单的完成这么一个功能非常方便,但是滚动往往会成为性能的瓶颈,处 ...
jQuery实现滚动时动态加载页面内容
有些网站的网页内容不是一次性加载完毕的,而是在鼠标向下滚动时动态加载的,这是怎么做到的呢?看下面代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...
响应式滚动图懒加载 element ui el-carousel 组件优化代码
响应式滚动图懒加载 element ui el-carousel 组件优化代码懒加载插件vue-lazyload //main.js import VueLazyload from 'vue-la ...

elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决

解决方法: 删除官方样例中的`style="overflow:auto"`

elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决相关推荐

最新文章

热门文章

elementUI InfiniteScroll 无限滚动 一次加载到底不受禁用限制问题解决

解决方法: 删除官方样例中的style="overflow:auto"

elementUI InfiniteScroll 无限滚动 一次加载到底不受禁用限制问题解决相关推荐

最新文章

热门文章

elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决

解决方法: 删除官方样例中的`style="overflow:auto"`

elementUI InfiniteScroll 无限滚动一次加载到底不受禁用限制问题解决相关推荐