在react中处理页面滚动事件的更好的做法是什么？A.所有组件中的addEventListener()都需要页面滚动事件 B.创建一个组件作为页面的包装器，并使用<em
浏览 11提问于2020-12-13得票数 0
1回答
您好，我在一个网站上工作，我不明白为什么我的一个页面加载非常慢和滞后。是因为我的滚动监听器，还是因为有太多的参考？我的代码中有什么问题吗？或者是因为我的主人太慢了，我不知道有什么问题。我的网站：import { Link } from "<
浏览 31提问于2021-03-15得票数 0
回答已采纳
我按照这篇文章中的说明为滚动事件注册了事件侦听器。我有一个React组件，它从React-Bootstrap库中呈现一个表组件
我想我正确地注册了事件侦听器，但是我不确定为什么当我向下滚动表格时，我的handleScroll()回调函数没有被调用。是因为事件侦听器没有在实际的
浏览 0提问于2016-03-25得票数 15
回答已采纳
1回答
我很难理解如何使用react的onMouseDown事件来检测"mouse3“/鼠标向下滚动按钮事件。我在一些元素上使用： icon={<DashboardOutlined style={{ fontSize: '21px' }} />}
onClick={onClickDashconsole.log('MOUSE DOWN', event)
浏览 6提问于2021-11-23得票数 0
2回答
当在主组件中的div标记‘infoBG’中引用时，我尝试制作一个组件在滚动页上更新其源图像。这个函数似乎有效，但我猜返回语句正在覆盖函数，并且只返回原始图像而不进行更新。这样做的正确方法是什么，以便函数更新第一个返回的图像？function Infoimg () {
var scrollV
浏览 2提问于2022-02-13得票数 0
回答已采纳
下面的代码在Firefox浏览器上运行良好。但是，不是chrome。以下代码中的问题是什么？window.onload = function() document.body.onscroll = Test.callFn;{
浏览 0提问于2013-06-10得票数 10
任务：--我试图在滚动响应时实现内容的动态加载。我有一个onScroll函数来侦听滚动事件，当页面一直向下滚动时，滚动事件会将isFetching变量切换为true。当isFetching === true时，执行来自useEffect的代码并加载内容。一切正常工作，但我需要向onScroll添加另一个条件，这是在加载的数据量小
浏览 6提问于2022-05-21得票数 1
回答已采纳
我有一个页面有20%的反应组件和80%的正常html内容。有必要在页面的不同位置放置几个react组件，因此我需要在index.html中使用几个入口点。我想使用create-react-app，但我不想使用redux，因为页面太小了。有没有办法在index.html中相对容易地创建两个入口点，以便页面上<em
浏览 8提问于2018-11-26得票数 3
7回答
我正在尝试在React中实现一个列表视图。我正在尝试实现的是存储列表头信息，并注册组件和注册scroll事件。每次用户滚动窗口时，我都想取出存储的div并重新计算offsetTop数据。现在的问题是，我发现在onscroll函数中，控制台只打印出初始值(值是固定的，永远不会改变)，offsetTop数据永远不会改变。有人建议如何从_instances对象中获取最新
浏览 630提问于2015-09-19得票数 75
回答已采纳
我需要我的web应用程序的行为像一个本地移动应用程序。为此，我需要防止在所有浏览器上使用按压缩放和双击缩放。在Chrome和Firefox中，这很简单：在Safari但是，当您滚动和收缩缩放时，它就会缩放。我的问题是，有没有办法在滚动</e
浏览 3提问于2018-03-18得票数 3
我有一个非常简单的应用程序，它有两个组件：App.vue和另一个组件，Home.vue，在那里我保存了应用程序的其余结构:一个粘性标题和一些带有可滚动到的锚点的部分。我想将一个类应用于粘性标题，以便在滚动页面时最小化徽标。所以我想我应该关注一下window.scrollY中的任何变化。因此，如果scrollY大于0，则应用一些最小化徽标的类。我试着在我的组件<em
浏览 98提问于2019-03-28得票数 9
回答已采纳
8回答
基于滚动反应JS的切换类
、、、、
我使用引导4导航条，并希望改变背景颜色后，ig 400 to向下滚动。我看了一下react，发现了一个onScroll，但是没有找到太多的信息。到目前为止我..。我不知道我是否使用了正确的事件侦听器，或者如何设置高度等等。
class Ap
浏览 10提问于2017-06-18得票数 20
回答已采纳
我有一个有不同部分的网站。我正在使用segment.io跟踪页面上的不同操作。如何检测用户是否已滚动到div的底部？我尝试了下面的方法，但是它似乎是在我滚动到页面上，而不是在我到达div底部的时候触发的。componentDidMount() {}
trac
浏览 6提问于2017-08-09得票数 88
回答已采纳
我想通过按钮事件来滑到下一页，而不是用手势滚动。我的意思是，如果我按下Next按钮，我希望页面滚动到下一个页面。下面是我的两页代码： export default () => { showsHorizontalScrollIndicator={false
浏览 89提问于2019-09-29得票数 1
回答已采纳
那些日子，我在youtube上看到伟大的如何创建自定义游标CSS和JS。因此，我用ReactJS编写了这段代码，并在那里创建了几乎类似的自定义游标effect.But，并在用户滚动(没有移动鼠标的情况下只滚动)时创建了小bug，我的自定义游标没有移动。
浏览 0提问于2019-08-06得票数 0
回答已采纳
3回答
我试着找出是否有可能只隐藏导航条的上部。见下面的Img (绿色标记区域)。这应该像whatsapp那样模仿肚脐的行为。
对于这个用例，我使用的是material ui。在我的实现中，只有当滚动位置<48 is 时，应用程序条才会再次扩展。在..gif文件(见下文)上，它扩展到每个滚动向上事件。它看起来也像应用程序条滚动的第一个，直到它达到固定的位置。然后，其余的</e
浏览 1提问于2019-09-15得票数 2
1回答
我正在为一个网站开发一个React组件库。对于本地开发，我使用Storybook。我认为bit可以是一个很好的工具(比npm link更好)来导出库组件并将它们导入到网站repo中。现在的问题是，我对一些组件使用了全局上下文，但是位组件必须是独立的和自给自足的。我不想包装我所有使用全局上下文的
浏览 4提问于2020-04-30得票数 0
我正在尝试将VexFlow库包装在一个react组件中，以创建一个绘制乐谱的应用程序。在VexFlow中，有notehead对象，所以我的想法是绘制所有的notehead，并为它们添加事件侦听器，然后使用提交来调用一些graphql函数来更新乐谱。所以，需要明确的是，在包装VexFlow库的组件中</e
浏览 15提问于2019-04-15得票数 0
我正在做一个复杂的项目，包括禁用浏览器中的滚动和通过一个组件模拟滚动，该组件具有一系列基于轮子/触摸移动deltaX更新的计算逻辑(在下面的react-dev-tools图像中突出显示)。最重要的是，它将此数据传递给react-motion，操作包装{ this.props.children }的“滚动</em
浏览 0提问于2018-01-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
