反应无限滚动的Next()函数在没有滚动的情况下调用
反应无限滚动的Next()函数在没有滚动的情况下调用是指在实现无限滚动功能时，当用户滚动到页面底部时，会自动加载更多内容，以实现无限滚动的效果。而当页面没有发生滚动时，调用Next()函数可能会导致不必要的资源浪费和性能问题。
为了解决这个问题，可以在调用Next()函数之前先判断页面是否发生了滚动。可以通过监听滚动事件来实现这个判断。当用户滚动页面时，触发滚动事件，可以通过判断滚动条的位置或者页面的滚动距离来确定页面是否发生了滚动。只有在页面发生滚动的情况下，才调用Next()函数加载更多内容。
在实际开发中，可以使用JavaScript或者其他前端框架来实现滚动事件的监听和判断。例如，可以使用addEventListener()方法来监听滚动事件，并在事件处理函数中进行判断和调用Next()函数。具体的实现方式可以根据项目需求和技术栈来选择。
无限滚动功能在很多Web应用中都有广泛的应用场景，特别是在需要展示大量数据的列表或者瀑布流布局中。通过无限滚动，可以提升用户体验，避免一次性加载大量数据导致页面卡顿或者加载时间过长的问题。
对于腾讯云相关产品，可以推荐使用腾讯云的云服务器（CVM）来部署和运行Web应用，使用腾讯云对象存储（COS）来存储和管理静态资源，使用腾讯云数据库（TencentDB）来存储和管理数据。腾讯云还提供了丰富的云计算服务和解决方案，可以根据具体需求选择合适的产品和服务。
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
相关·内容
1回答
反应无限滚动的Next()函数在没有滚动的情况下调用
reactjs、redux、infinite-scroll
我已经使用了react无限滚动。当我收到第一个数据集时，下一个函数运行良好，但是在那之后，如果我执行一个动作，比如单击一个元素，那么scroll函数将被无限调用，它会刷新div数据(元素)。<InfiniteScroll next={this.getdataForScroll.bind(this)} // the function call as the <
浏览 37提问于2019-11-22得票数 1
1回答
当页面加载上的滚动条最初没有足够的内容时，触发无穷小的bar滚动
jquery、infinite-scroll、jquery-ias
我使用的是无限小的ajax滚动，但是我最初的ajax调用通常(取决于屏幕大小)没有包含足够的内容来显示滚动条。(当然，只有除外)。
这样的东西在国际会计准则中已经实现了吗?
浏览 1提问于2015-01-26得票数 0
1回答
物料UI自动完成+无限滚动在一起？
autocomplete、material-ui、infinite-scroll、react-infinite-scroll-component
问题:获取双滚动条-删除纸张滚动条使自动完成内容不可滚动，因此仅显示下拉列表中可见高度的内容。如果我隐藏另一个滚动，则不会调用无限滚动API。我怎样才能让它工作：我正在尝试创建一个无限滚动与材料UI自动完成，我正在使用反应无限滚动组件由于我们需要将无限滚动附加到呈现列表项的
浏览 37提问于2021-03-02得票数 2
1回答
获取新内容后重新加载脚本(无限滚动wordpress + fancybox)
javascript、jquery、wordpress、infinite-scroll
我使用的是无限滚动的wordpress插件，并且我高度定制了一个主题。在主题中，它最终调用一个Fancybox Javascript -我将其用作主页上4x4网格的帖子/图像的图片库。当你向下滚动时，它加载了16个新帖子，但它不包括Fancybox效果(甚至不能点击图像)
该插件有一个部分"Javascript to be will next post are fetched“：在</em
浏览 1提问于2012-01-12得票数 1
回答已采纳
1回答
使用ajax内容重置无限滚动
jquery、ajax、infinite-scroll、jquery-ias
我正在使用一个评论系统的ajax无限滚动。它运行良好，直到用户发布新的评论-这打破了无限滚动，‘加载更多项目’链接仍然在那里，但当你点击它时没有任何反应。我看过这个问题： container
浏览 4提问于2014-11-22得票数 4
1回答
如何在加载新的HTML内容时防止自动滚动事件？
javascript、jquery
我正在使用window.scroll()函数在滚动时将更多的html内容附加到DIV文件夹中。我在每个滚动事件上加载10..10。但是在加载前10个内容之后，文档大小增加，因此浏览器自动滚动并调用loadContent函数并在不执行滚动manually.how的情况下添加新内容可以防止这种机制。height() - 100 ){
loading =
浏览 0提问于2013-04-05得票数 0
回答已采纳
1回答
使用对本地json数据的react查询的无限滚动
reactjs、infinite-scroll、react-query
我必须使用对JSON数据的react查询来实现无限滚动，我不想在页面更改时从服务器获取数据，我需要显示我已经拥有的数据。
我很困惑，怎么做到这一点呢？我有JSON数据useInfiniteQueryimplement ，我需要使用react获取数据，查询钩子，滚动和数据
浏览 1提问于2021-08-24得票数 0
回答已采纳
1回答
如何使用ajax制作远程无限滚动(无限滚动)？
json、ajax
我有JSON，比如： "nextToken": "aGFsYW1hbj03NT0xNDkxMTI0NTA1", // token for next query { }, ]如何使用数据nextToken表单JSON解析到HTML并使用无限滚动id选择器只是在html中
浏览 1提问于2017-04-02得票数 0
回答已采纳
1回答
如何乘以方法调用的数量来获取下一页数据(无限滚动分页)
javascript、reactjs、typescript、methods
我目前正在通过应用useState钩子来实现无限滚动分页功能。下面看到的API函数使用每个后续的.follow('next')调用从fetchMoreListItems()中获取下一个页面。例如，.follow('next').follow('next').followAll('item')将获取第3页上的所有记录。这个逻辑听起来可能很愚
浏览 12提问于2021-03-03得票数 0
回答已采纳
1回答
Rails: Jquery无限页面不能在文件之后加载
jquery、ruby-on-rails、infinite-scroll、kaminari、filterrific
我使用Rails、、kaminari和来允许用户过滤和无限滚动电影预告片列表。<% js = escape_javasc
浏览 0提问于2016-06-24得票数 1
3回答
Ajax无限滚动功能不能在移动设备上触发
javascript、jquery、html、ajax
当用户到达页面底部时，此新闻提要使用无限滚动。当在桌面浏览器上查看网站时，一切都运行得很好，但是当在我的iphone上查看网站时，该功能不会启动，除非我慢慢滚动到触发点。为了澄清，如果我以正常速度一直滚动到底部，它就会超过函数应该触发的点，并且没有任何反应。然后，如果我稍微向后滚动页面(100像素左右)，该函数将被调用。同样地，如果我碰巧缓慢地向下滚动页面，该<e
浏览 4提问于2014-08-20得票数 1
1回答
如果用Laravel5.2无限滚动加载Ajax停止工作
javascript、jquery、ajax、laravel
我现在正在学习ajax和jquery，我目前正在开发一个用户可以喜欢/不喜欢post的页面，所有的post都会以无限滚动显示，默认情况下每次加载5个post，但问题是如果post是由无限滚动加载的，那么在我做了一些研究之后，我知道这是因为函数没有加载。但我找不到解决办法，有人能帮我吗？这是我的ajax按钮函数
$('.agree').on('
浏览 4提问于2016-11-23得票数 0
回答已采纳
1回答
WordPress single.php无限卷/分页环的故障
javascript、php、wordpress、infinite-scroll
我在single.php文件上创建了一个快速分页，以便在页面底部的循环中使用无限滚动。下面是我为无限滚动创建'nextSelector‘和'navSelector’的代码：</ul><!--single-pagination
浏览 0提问于2014-05-20得票数 2
回答已采纳
1回答
React无限滚动-交叉观察者API总是跳回顶部
javascript、reactjs、intersection-observer
我正在使用交集观察者API开发一个具有无限滚动的反应性应用程序(而不是使用任何第三个库来进行无限滚动)。我的后端正确地处理分页，当达到阈值时，无限滚动也会获取下一个部分。问题是，每当我向下滚动并到达阈值时，窗口就会向顶部滚动，这不是我所期望的。似乎不仅仅是新的项目将被呈现出来，而是整个项目的列表。loading && loadMoreData(<e
浏览 3提问于2020-07-26得票数 0
回答已采纳
1回答
使用InfiniteScroll的jQuery砖石结构
jquery、html、jquery-masonry、infinite-scroll
我有一个问题，添加无限滚动到砖石插件。我想要做的是从html文件中添加方框。下面是我的代码：$container.imagesLoaded(function() { nextSelector: '#page-nav a', /&#x
浏览 1提问于2013-05-09得票数 0
1回答
如何在AJAX加载内容后调用javascript函数？
javascript、jquery、ajax、flash、tumblr
我使用AJAX在Tumblr博客上使用了一些无限滚动的代码，除了加载某些Flash内容之外，它工作得非常好。无限滚动的代码是。
我有一个闪存内容的问题的部分解决方案使用的一些建议，在这个网站上的用户。我已经实现了在页面加载时调用该函数的代码，但是我不知道如何在AJAX加载无限滚动的</
浏览 0提问于2012-12-26得票数 0
1回答
imagesLoaded方法不适用于JQuery积木和无限滚动
image、jquery-masonry、infinite-scroll、loaded
我一直在使用JQuery masonry，现在我添加了无限滚动。几乎在每一块砖石中都有图像，在我使用无限滚动之前，图像加载得很好，一切都很好。我添加了无限滚动的javascript的下一部分，并在其中添加了imagesLoaded方法，但是当添加新的砖块时，它们全部堆在顶部。我的假设是，我没有在无限</
浏览 0提问于2012-03-19得票数 8
回答已采纳
1回答
关闭滚动监听器
javascript、jquery
p.loadMore = function(){
this.terminateInfiniteScroll();
我初始化无限滚动，然后在滚动时调用loadMore，在这个函数中，我试图关闭无限滚动，但这没有效果-我哪里错了？
浏览 2提问于2015-06-09得票数 0
2回答
UIScrollView无限滚动setContentOffset
objective-c、ios、cocoa-touch、uiscrollview
当调用setContentOffset时，如何使用UIScrollView实现无限滚动:在UIScrollView上停止滚动？每次我到达偏移量的末尾时，我都会调用这个函数来返回到偏移量的开头，但是调用这个函数会导致滚动停止。
谢谢,
浏览 0提问于2012-01-21得票数 2
回答已采纳
2回答
IONIC:无法加载``ion infinite scll`中的动态内容
angularjs、ionic-framework
我是ionic framework.Currently的新手，我正在开发ionicsidemenu应用。请帮帮我。
浏览 6提问于2017-04-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
