infinite-scroll 相关问题

无限滚动，也称为无限滚动，是一种广泛用于网站和Web应用程序的技术，它们在传统上使用分页的页面上托管大量内容。无限滚动涉及最初只加载一页内容。当用户向下滚动时，浏览器通过AJAX请求获取另一个页面。有几个Infinite Scrolling插件可以在现代浏览器中使用这种技术。

如何为MUI AutoComplete组件添加无限滚动功能？

我有一个具有分页功能的API端点。我需要实现一个 AutoComplete 组件（使用 MUI5 AutoComplete 组件）来获取下一页的数据并将结果与

reactjs material-ui autocomplete infinite-scroll

回答 2 投票 0

Quasar无限滚动不断获取数据

我正在尝试使用类星体实现无限滚动。这是我的代码：我正在尝试使用类星体实现无限滚动。这是我的代码： <template> <q-page padding> <q-tab-panels>  <q-tab-panel name="..."> <q-infinite-scroll @load="fetchMoreData" :disable="!hasMoreData" :offset="10" :debounce="1500" > <MyCard v-for="(data, index) in datas" :weeklyEvaluation="datas" :key="index" /> <template v-slot:loading> <div class="row justify-center q-my-md"> <q-spinner-dots color="primary" size="40px" /> </div> </template> </q-infinite-scroll> </q-tab-panel> </q-tab-panels> <q-page padding> </template> <script setup> // import ... const datas = ref([ // ... ]) async function fetchMoreData() { const newDatas = await fetch(); datas.value = [ ...datas.value, newDatas ] } </script> 我期望的是，只有当我向下滚动数据列表时才会调用 fetchMoreData 函数。然而，与我的预期相反，fetchMoreData函数每2秒调用一次，并且仅在加载数据库中的所有数据时才停止。如果你们看到我遇到的问题或需要更多信息，请尽快回复我。为了使偏移正确工作，需要将其包装在 div 中并设置该 div 的高度和溢出：auto <div ref="scrollTargetRef" style="height: 400px; overflow: auto;"> <q-infinite-scroll :scroll-target="$refs.scrollTargetRef" @load="fetchMoreData" :disable="!hasMoreData" :offset="200" > <MyCard v-for="(data, index) in datas" :weeklyEvaluation="datas" :key="index" /> <template v-slot:loading> <div class="row justify-center q-my-md"> <q-spinner-dots color="primary" size="40px" /> </div> </template> </q-infinite-scroll> </div> 尝试这样的事情。

vue.js vuejs3 infinite-scroll quasar-framework

回答 1 投票 0

滚动到顶部时设置新的滚动位置时出现问题

我正在编写一个反向无限滚动组件。（当元素向上滚动时，内容会在到达顶部时开始添加）我已将问题简化为下面的示例。当元素...

javascript scroll scrollbar infinite-scroll

回答 1 投票 0

无限滚动和记住最后位置的问题

正如您在 Pinterest 或其他网站中看到的那样，当您滚动 2 或 3 页并决定单击图像或产品时，您将被导航到另一个页面，然后当您按后退按钮时...

javascript reactjs next.js infinite-scroll app-router

回答 1 投票 0

Flutter 无限滚动分页页面侦听器会自动获取下一页，而不是在屏幕滚动时获取

在此示例中，我尝试使用 pub.dev 中的Infinity_scroll_pagination 包来构建PagedGridView。我现在使用网格颜色，但应该发生的是前 9 项是