infinite-scroll 相关问题

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

reactjs和mongoose无限滚动实现问题

最终结果需要排序并在结果顶部显示“到达广告”,并且在滚动窗口而不单击按钮时获取更多结果。我刚刚添加了“加载更多”屁股...

回答 1 投票 0

jQuery 无限滚动不触发

我正在制作一个简单的小网站,以对 Reddit 帖子应用不同的格式样式,我正在尝试添加无限滚动 jQuery 插件,但它没有执行任何操作。我尝试遵循(非常

回答 4 投票 0

当下一页链接没有产生任何结果时,scrapy无限滚动

我正在尝试使用下面的代码获取 https://www.salewa.com/de-de/herren 的产品。问题是,当 next_page 转到 /de-de/herren?p=4 时,它不会产生任何项目。在浏览器上...

回答 1 投票 0

如何使第 1 部分轮播水平,第 2 部分列表视图生成器垂直

如何使第 1 部分旋转木马水平,第 2 部分列表视图生成器垂直,并带有无限滚动颤动 在此输入图像描述 我尝试使用 Api 并想要创建示例新闻应用程序,有一个

回答 1 投票 0

Material-ui DataGrid 和无限滚动

我目前正在使用material-ui数据网格组件并发现它非常好。 但是,对于我正在开发的当前功能,我需要在 DataGrid 中提供无限滚动支持。有谁做过吗...

回答 2 投票 0

无法为无限滚动数据创建搜索栏

我花了很多时间试图弄清楚如何使用 Angular 中的搜索栏进行无限滚动。我使用 Angular 9 和 ngx-infinite-scroll 进行无限滚动。我知道如何...

回答 1 投票 0

使用ReactJS和CSS连续循环动画滚动

我必须使用 React 和 CSS 创建一个连续循环的动画滚动。目标是创建自动滚动并连续循环列表,因此在列表的最后一个元素之后我应该

回答 1 投票 0

使用ReactJS和CSS连续循环动画滚动

我必须使用React和CSS创建一个连续循环动画滚动,目标是创建一个自动滚动并连续循环列表,所以在列表的最后一个元素之后我应该......

回答 0 投票 0

如何使用React为移动和桌面上的帖子列表创建无限滚动

如何使用 React/Typescript 创建无限滚动? 我想首先显示 10 个帖子的列表,然后当用户查看第 10 个帖子时,应该在屏幕上加载另一个阶段的 10 个帖子...

回答 2 投票 0

Maui 如何检测用户何时到达 ScrollView 的末尾。 (无限滚动)

我有一个使用 ScrollView 的页面。 在此页面中,我显示了一个列表。 我从休息界面获得的这个列表。 列表可能很长,所以我只从其余界面加载了一定数量的项目,让...

回答 1 投票 0

是否可以在简单的服务中使用 Angular @HostListener('window:scroll',) 而不是组件或指令

是否可以在简单的服务中使用 Angular @HostListener('window:scroll',) 而不是组件或指令代码? 我不想污染我的任何组件,因为滚动的意识应该是

回答 2 投票 0

在 Angular 中处理多个 API 请求的最佳方式(无后端)

我正在使用 GitHub pages 制作一个网站来查找电视剧:用户可以通过许多运算符进行过滤,包括剧集和季节的数量。我正在使用 TMDB API,我进行的第一个调用是:...

回答 1 投票 0

如何在不丢失以前获取的数据的情况下在 Next js 中加载更多帖子?

场景:我通过页面和其他查询从 api 获取数据,当我在第 3 页时加载更多点击(所有数据都在 1-3 页),然后我单击并导航到其他页面然后来

回答 0 投票 0

追加到 div 的顶部而不会弄乱 React 中的滚动状态

我的反应有问题。我正在尝试实现一个简单的可滚动 div,其中包含许多子 div,可通过水平滚动查看。 基本上每个孩子div对应...

回答 2 投票 0

使用 React 和 TypeScript 实现高性能的无限滚动列表

目前正在使用 React 和 TypeScript 构建 Web 应用程序,要求的功能是显示从服务器获取的大量数据项列表。优化性能和用户体验...

回答 1 投票 0

如何实现分栏无限滚动?

这里我有一个工作场景,我需要根据日期和粒度(过去 48 小时 - 15 分钟)添加列。 在这种情况下,我需要创建 - 2 列(例如 - 10/04/2023 和 09/04/2023)和 192

回答 0 投票 0

无法使用动态画廊 php masonry 实现 infinityscoll v4

我正在尝试用我的图像实现无限滚动。我所有的图片都在一个名为 img 的文件夹中(50 张图片),我每页显示 10 张图片。当我试图通过 inf 附加图像时...

回答 0 投票 0

Ant Design - 选择 - OnPopupScroll - React.js

{ 如果(选项。道具。 <Select showSearch filterOption={(input, option) => { if (option.props.children != undefined) { return ( option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0 ) } } } name="user" placeholder="Select User" id="user" onChange={e => this.handleChange("user", e) } onPopupScroll = {this.loadMore} className="customSelectTemplate" disabled={this.state.editEnabled} > <Option value="">Select</Option> {this.state.userList && this.state.userList.map(userList => ( userList && userList.userNumber != null && <Option value={userList.userNumber}> {userList.name} </Option> ))} {this.state.loadingState == true ? <Option value="">Loading .....</Option> : ""} </Select> 我用react设计了一个页面。我需要在 ant 下拉菜单中实现无限滚动。所以我使用 antd select 的 onPopupScroll 函数来调用 API 来加载更多数据到下拉列表中。但我在下拉菜单中面临性能问题。滚动条无法正常工作。我无法将滚动条拖到选项的末尾。它非常慢。有人遇到过这个问题吗?我该如何解决这个问题? loadMore = ( e) => { this.setState({ loadingState: true }); e.persist (); const {target} = e; if (target.scrollTop + target.offsetHeight === target.scrollHeight) { // API call (to load more data..........) } } 2年后我有同样的问题...... 这是我的情况,效果很好,您也可以帮助我变得更好。 github主页 onPopupScroll={async (e: any) => { const { target } = e; if ( (target as any).scrollTop + (target as any).offsetHeight === (target as any).scrollHeight ) { // if not load all; if (options.length < total) { setHasContentLoading(true); const page: Page = { // (currentPage - 1 + 1) * pageSize; offset: currentPage * pageSize, limit: pageSize, }; await fetchOptions(searchValue, page).then((newOptions) => { setCurrentPage(currentPage + 1); options.push(...newOptions); setOptions(options); setHasContentLoading(false); }); } } }} 我不知道你为什么要用这个 e.persist(); 但是 here 是一个不错的解决方案,我之前使用分页 api,在 Select 组件中加载数据。

回答 0 投票 0

VueUse useInfiniteScroll 不加载更多项目

如果用户向下滚动,我想加载更多作品。就像一个无限滚动条。我使用 VueUse 来实现这一点,并希望在我的 vuex 计算存储上使用 .slice() 每次增加 3 个作品......

回答 1 投票 0

How to put the post id in the url in a infinite scroll using php and AJAX

我有 15 个帖子(在我的案例中是提示),我从数据库中获得,当用户点击其中一个时,他会通过给 id 和 url 被发送到该帖子的详细信息页面。 例子: 在...的顶部

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.