有没有一种方法可以实现平滑滚动动画时使用滚轮？

我正在尝试使得当我滚动页面时，它能够平滑移动，而不是使用滚轮时产生的“跳跃”方式。大多数我看到的与此相关的来源都涉及到点击按钮或链接时的平滑滚动，比如react-scroll提供的功能，但我特别想要实现滚轮滚动的平滑效果。是否有办法通过MaterialUI主题来实现这个，或者是否有一个React包可以帮助实现？

P粉118698740 2023-08-16 16:40:27 0  1  669

如何在React JS和Lenis平滑滚动中切换屏幕时滚动回顶部

我正在使用lenis来实现平滑滚动，并且我有一个ScrollToTop.js文件，我在我的App.js中使用它。当页面没有滚动时，它运行得很好，但是当我点击一个按钮，将我带到另一个页面时，“平滑滚动”正在发生时，scrollToTop不起作用，有人知道如何解决这个问题吗？ScrollToTop.jsimport{useEffect}from"react";import{useL

P粉662614213 2023-08-18 09:58:58 0  1  812

javascript - 原生js如何监听水平滚动条距离左边滚的的距离？

监听水平滚动条距左边的滚动的距离

我想大声告诉你 2017-05-19 10:08:22 0  2  660

javascript - dropload+tab页面，图文页滚动有两个滚动区域怎么破？

像这种有两个滚动条的怎么破,只想显示一个，目前是在滑动时在外滚动条内滚动，当触碰到内滚动条就只在内滚动条区域动了，上面banner区域不动了。

伊谢尔伦 2017-06-08 11:03:15 0  1  919

CSS 问题：水平滚动（overflow-x：scroll）不起作用

我有3个“页面”，想要水平滚动它们。我已经成功创建了一个水平滚动条，但是当我用鼠标滚轮向上/向下滚动时什么也没有发生。这就是我的容器的样子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width:100vw;hei

P粉295616170 2024-03-29 16:06:18 0  1  540

横屏滑动的怎么做

案例基本都是竖屏滚动，能否做个横屏滑动的案例

况青 3D VR售楼展示**开发 2019-08-07 11:56:25 0  1  1442

如何仅在水平滚动条上应用CSS

我是一名新实习生，他们给了一个简单的任务：个性化水平滚动条我有这段代码，但垂直滚动条消失了...我需要它在垂直方向上默认...只有水平滚动条必须个性化。::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px;background-color:rgba(92,92,92,0.5);}如

P粉276876663 2024-04-01 16:25:15 0  2  464

javascript - scroll滚动问题

1，https://www.kayak.com.hk/holi...主要效果就是这个网站的效果。 当滑动滚动条的时候，右边的div会向下滚动，这时候左边的div也会跟着滚动。但是由于左边的div太长，所以要隐藏最上面的一部分，这个效果实现。...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  990

banner滑动

banner轮播怎么加载滑动效果 手机端滑动效果更加合适

低头走路，抬头摸天。 2019-06-18 11:01:19 0  0  2731

如何使光滑的滑块连续自动播放，但在箭头/点单击时加速滚动？

我想制作一个连续自动播放的滑块。它工作正常，但箭头和点看起来无法正常工作。我不确定应该更改哪些设置，但我希望滑块在单击箭头或点后立即滚动。我尝试使用下面的代码更改一些设置，但似乎没有任何效果。当speed设置为6000自动播放具有完美的计时，但在单击点/箭头后滚动时使用相同的慢速，这种行为是不需要的（它应该立即滚动到所选幻灯片）。您能帮助我了解我应该做什么来实现我的目标吗？$(document).

P粉956441054 2024-03-25 21:20:33 0  1  555

滚动进度动画

我需要知道如何制作滚动进度动画。这不是正常的滚动进度，而是不同的东西。我将提供网站的链接以及包含我正在寻找的动画的特定部分的屏幕截图。https://todoist.com/这是网站的链接。我已附上该网站主页中特定部分的屏幕截图。滚动页面时，滚动会在该部分中发生，并且该部分会在其自身内滚动。该部分滚动完成后，继续正常滚动。我可以看到很多关于滚动进度条的教程，但看不到这种特殊风格的动画

P粉821808309 2024-03-29 19:36:49 0  1  469

防止越过方块时滚动线滚动

我有3个块，第二个块有一条线和一个滚动圆。圆圈会随着主滚动一起滚动，当滚动停止时，圆圈会粘到最近的点，即每个块的中心但是我在这里遇到这样的问题，当主滚动穿过第二个块时，圆圈停止滚动并且在页面上表现不正确是否可以完成脚本，以便当主滚动穿过block2时，圆圈将自动坚持最后一个案例并完全停止滚动？当我们返回并穿过block2时，相应地，它应该再次工作一般来说，问题在于最后一种情况，当滚动到达它时，圆圈

P粉038856725 2024-03-29 23:23:06 0  1  434

使用鼠标滚轮进行页面缩放，点击并拖动以平移页面

如何使用鼠标滚轮为整个页面制作滚动和平移效果？基本上就像任何2D编辑器一样，通过滚动进行缩放，单击并拖动进行平移，但适用于整个主体。我在网上找不到任何有关它的信息。

P粉308783585 2024-03-26 14:11:27 0  1  408

通过水平滚动增强 mjml 表并添加溢出

我正在使用mjml创建包含表的电子邮件模板。而且标题名称很长，表格在水平方向上变得太大。我想让它在蓝色容器内水平滚动，但我无法做到这一点。如何使其可滚动？这是mjml的实时代码

P粉464088437 2024-03-27 22:43:41 0  1  533

Vue横向滚动

我想用鼠标水平滚动图标。我在Javascript中用scrollLeft尝试过，但滚动时该值不会改变。滚动时，只有deltaY值在100和-100之间变化。有人知道问题出在哪里吗？当我滚动并且鼠标悬停在滚动条上时，它可以工作，但我希望它可以在整个div容器上工作。如果可能的话，我也想在没有依赖项/npm-libraries的情况下执行此操作。模板<divclass="iconsfl

P粉755863750 2024-03-25 21:06:27 0  2  582

javascript - swiper 左右滑动嵌套上下滑动怎么实现

四个水平切换的页面中每一个嵌套一个上下滑动 怎么用swiper.js实现

学习ing 2017-06-27 09:19:46 0  1  1098

javascript - 请问 怎么能实现移动端 分区滚动

想问在移动端 怎么实现不同区域有自己的滚动条 还能联动 怎么能让菜单和对应的食物是各自拥有的滚动区域 然后右面滑动到一定位置左面联动切换 后面是我可以自己试着实现 但是不知道怎么分区各自滚动

迷茫 2017-05-19 10:30:54 0  2  544

javascript - 如何做出pc网站随鼠标滚动动态出现效果

这是demo网址：http://demo.cssmoban.com/csst...随鼠标滚珠滑动，网页中的内容动态出现是怎么做到的

習慣沉默 2017-06-13 09:24:09 0  6  1010

javascript - 怎么监听手机端屏幕的滑动以及滑动距离顶端的距离啊？

怎么监听手机端屏幕的滑动啊，同时计算出滚动距离顶部多少？ {代码...} 我这样写的一直是0？ 监听scroll没效果的！求大神

黄舟 2017-05-19 10:11:07 0  4  700

如何在滚动整个页面时实现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  573