如何在滚动整个页面时实现React中内容的内部滚动

我想在React中创建一个逻辑，在滚动整个页面时首先滚动子内容。一旦子内容完全滚动，它将移至下一部分例如：我有三个部分：A、B和C。每个部分的高度为100vh。B部分包含四个子部分：B1、B2、B3和B4，所有子部分的高度也均为100vh。滚动页面时，一旦滚动到B部分，其子部分就会开始滚动。子部分完全滚动后，滚动将移至C部分我已经使用GSAP库实现了它，但我想仅使用React来实现它。

P粉823268006 2023-09-06 18:19:42 0  1  540

javascript - 如何实现JS动态修改css全局样式

如果要在页面中动态修改css全局样式，例如将页面所有字体颜色改为红色通过css可以这样实现 {代码...} 而如果通过js，利用页面中的按钮修改所有元素样式，即通过js点击按钮动态修改页面中所有元素样式字体颜色为红...

阿神 2017-05-19 10:11:38 0  3  653

如何计算元素滚动位置的百分比？

我想以百分比形式计算窗口内元素的滚动位置。0%是元素顶部位于窗口底部的位置（尚未显示）100%是元素底部位于窗口顶部的位置（所有元素已显示）我很接近，但我知道我在思考数学中的一些错误。我制作了一个小演示来显示多个元素的滚动百分比，但百分比都是错误的。functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  638

CSS行类使某些元素超出框架，而它们应该是静态的并固定在显示器底部

目前我的页面如下所示。添加行类以使两个元素彼此相邻后，底部导航栏被向下推到我必须滚动的位置。在这里，您可以看到另一个没有行元素的页面，其中导航链接完美地粘在显示屏的底部（植物和房间导航元素不应该位于提醒选项卡中（图1），因此请忽略此元素图片2)该页面是可滚动的，并且使我的导航栏保持在正确的位置，但元素的轮廓不正确。所有绿色框显示应位于另一个上方，以及编辑和删除按钮。我尝试使用用于图1的行类来修复此

P粉156415696 2024-04-03 18:48:12 0  1  452

重新的标题为：固定的div列和剩余的宽度

我正在尝试创建一个5列布局，其中所有列的高度都是浏览器窗口的全高度。除了中间列之外，其他列应该是固定的，当滚动浏览器/文档时不会移动。中间列将包含网站内容，并且会垂直溢出，所以在浏览器中应该像通常一样滚动。除此之外，除了中间列之外的所有列都有固定的宽度，我需要中间列占据剩余空间（父元素的100%宽度）一个要求是不使用flexbox或css-grid。下面的代码是我得到的。添加列“c”甚至会搞乱所有

P粉786432579 2023-09-14 17:17:47 0  1  658

javascript - 右侧菜单无法正确找到目标位置 就是子菜单消失后但是鼠标还是在原来位置 具体看图

现在是我鼠标放的位置 我现在想把鼠标移到 文化中心 看下图 应为上面的子菜单收回 但是鼠标位置不会收回 就会滑动到 这个 信用监管 的菜单 如果想回到文化中心 只有现在把鼠标往上移 但这样很影响用户体验 但只能...

曾经蜡笔没有小新 2017-05-19 10:28:27 0  1  398

如何使混合混合模式忽略某些背景？

请看下面的图片：想象一下底部的蓝色矩形，具有混合混合模式：差异，正在慢慢向上移动到顶部。我希望它忽略红色条纹并在穿过它时保持蓝色，但当它位于绿色条纹上时使用混合混合模式。我该如何去做呢？

P粉418351692 2023-09-15 10:20:50 0  1  616

滚动事件侦听器添加到元素，但只有当scrollTop不等于0时才能正确移动

所以我编写了这个小脚本，其中有两个列表-已完成/活动任务，您可以通过点击按钮切换任务列表，也可以通过点击“更多信息”阅读有关任务的更多信息。当点击更多信息时，创建了一个新的div元素，我想跟随它的主机元素Y位置，并且它可以工作一半。这就是它的样子：在此处输入图像描述这是一个错误，当可滚动元素scrollTop不为0时，我很确定会发生这个错误（它是以正确的方式创建的，每当我开始滚动时，它都会立即向上

P粉427877676 2024-04-01 11:03:26 0  1  620

android 不打开APP的情况下监听耳机插拔情况

现在的需求是。开机之后或者不打开App的情况下监听耳机的插拔情况。从而执行不同的操作。现在的思路是。开机启动一个service，在service中监听耳机插拔情况。如果耳机插入则打开一个Activity。否则关闭当前Activi...

漂亮男人 2017-06-24 09:42:57 0  2  1116

javascript - 如何获取html标签中的节点？

如果用点击事件的话，可以event来找出当前的节点。但是，如果不绑定事件的话，怎么实现在p标签里面获得当前的p节点 {代码...} 我的需求是通过滚动条滚动到不同的节点的时候，v-show=true {代码...} {代码...}

曾经蜡笔没有小新 2017-05-19 10:34:54 0  4  783

android - Fragment入栈的时候添加了出栈动画pop的时候可以不执行吗

有些情况我们不希望在popfragment的时候执行动画，有办法实现吗？ 在使用过程中，我从fragment a打开b然后打开c ，但是在退出的时候我有可能需要从c 到 b 然后到a ，这时候我是需要动画的，但是有些情况，我需要...

某草草 2017-05-16 13:27:04 0  1  563

CSS：我如何将图标放在文本旁边？

我有一个这样的父级div元素（display:flex），包含两个子元素文本-一个span元素(i)图标-一个div元素当文本只有一行（不换行）时，一切正常。然而，当它换行（2行或更多）时，元素的宽度将根据最宽的一行进行调整我希望文本在长度较长时能够换行。在上面的示例中，我希望(i)图标位于NORTH旁边。我希望(i)图标位于NORTH旁边。

P粉668146636 2023-08-17 14:39:36 0  1  502

使用 Tab 键导航页面上的 html 元素

我无法使用Tab键在HTML页面上使用Tab键滚动。这是我尝试浏览选项卡的页面图片当“无法更新表”弹出窗口打开时。我点击它并按下选项卡。我第一次按下选项卡时，焦点转到图片中的箭头元素。但下次我按下该选项卡时，它会转到元素Page3向上箭头图标是HTML中选定的<i标记，下一个<i标记是x按钮。由于某种原因，它会跳过第二个<i标记，并且当第二次出现Tab键时不会转到x按钮。这可能是

P粉106301763 2024-02-03 21:30:59 0  1  473

如何使动画在悬停时暂停，但一旦鼠标离开动画继续

我已经厌倦了几个解决方案，这是我得到的最接近的解决方案。但我仍然不满意结果如何，因为当鼠标离开元素时，元素会恢复到原来的旋转状态。这个想法是，如果你越过该元素，即使鼠标离开该元素，它也会触发动画。如果你将鼠标悬停在元素上，它会播放动画并保持在0度，一旦鼠标离开，另一个动画就会播放，并旋转回-8度。constelements=document.getElementsByClassName('rota

P粉786800174 2024-04-01 09:43:54 0  1  488

javascript - 图片显示滚动问题

如图片，截图的一部分，这些图片都是在一个ul中，假如有25张图片。 初始画面是显示了10个图片，当点击更多按钮的时候，10张图片整体向上滚动隐藏。从下面在滚动是10张图片。一次只能显示10张。再点击一次，就显示...

習慣沉默 2017-05-19 10:27:01 0  4  969

mongodb 中 mapReduce 有一部分value不经过reduce处理

在mongodb 中 使用mapReduce 有一部分value不经过reduce处理，很是疑惑。先上代码 {代码...} 应该输出的数据为 {代码...} 实际输出数据为 {代码...} 非常疑惑，在条件emit的key少于4个时候，会正常显示，如果大于...

大家讲道理 2017-05-17 10:04:04 0  1  649

Chrome 有时会遇到滚动功能问题

我的网站上出现滚动问题，但我不明白原因是什么。仅在Chrome上有时滚动不起作用。我尝试禁用我编写的所有代码，但问题仍然存在。在safari中，滚动效果很好。https://mirkomina.com/似乎没有特定的东西触发了问题，我的意思是我找不到离开光标会触发问题的特定位置。我尝试删除我编写的所有代码并禁用脚本。

P粉817354783 2024-03-29 00:21:20 0  1  450

标题重写为：在移动浏览器中，CSS3的100vh值并非固定不变的

我有一个非常奇怪的问题...在我遇到的每个浏览器和移动版本中，都出现了这种行为：加载页面时，所有浏览器都有一个顶部菜单（例如显示地址栏），当你开始滚动页面时，它会向上滑动。有时，100vh只在视口的可见部分上计算，所以当浏览器栏向上滑动时，100vh会增加（以像素为单位）所有布局都会重新绘制和重新调整，因为尺寸已经改变对用户体验来说，效果不好如何避免这个问题？当我第一次听说视口高度时，我很兴奋，我

P粉682987577 2023-08-21 16:49:22 0  2  515

javascript - JS可以交换2个DOM的 onclick事件吗？

不是自己的网站，我做了一个浏览器。 需要hook一些操作。 对JS不是很熟。 能不能交换2个元素的点击事件呢？ 百度到的都是已知函数名的情况下，进行绑定， 如果未知，怎么获取元素的点击事件函数名呢？

曾经蜡笔没有小新 2017-06-10 09:47:39 0  2  573

REACT - 避免在后浏览器按钮上重新渲染页面

我有一个显示很多产品的目录页面，一旦用户单击他可能从底部选择的产品之一，比如说产品编号1000，他就会转到另一个页面，检查内容等...并且当他使用后退按钮浏览器返回目录页面时，所有内容都会再次呈现，这是有道理的，但需要花费大量时间将滚动条定位到先前选择的产品。当用户在页面顶部选择某个产品（例如产品号4）时，一切都运行良好，但当他转到底部时，场景就开始了。有什么办法可以在REACT中缓存这个目录页面

P粉733166744 2024-03-27 14:50:53 0  1  473