滚动效果
本话题发布滚动效果相关的问答文章和技术分享，将持续更新，为您推荐了16篇问答，访问即可查看更多精彩内容。
-
1
回答
27浏览
为什么给 scroll 事件加 passive: true 后 preventDefault 不生效了？
我在做一个自定义下拉刷新功能，需要监听 touchmove 事件并调用 e.preventDefault() 来阻止页面滚动。但 Chrome 控制台一直警告我“Consider marking ev...
-
2
回答
35浏览
Better Scroll滚动区域高度不生效是怎么回事？
我在用 Better Scroll 做一个下拉列表，明明设置了容器高度，但内容还是撑开了整个页面，根本没法滚动。试过给 wrapper 加 overflow: hidden 也没用。 这是我的 CSS...
-
1
回答
27浏览
React里用useRef做视差滚动为啥没效果？
我照着教程用 useRef 和 useEffect 写了个简单的视差效果，但图片根本不动，是哪里写错了吗？ 控制台也没报错，scrollY 的值看起来是对的，但 transform 样式就是没应用上。...
-
2
回答
48浏览
移动端弹窗打开后背景还能滚动怎么办？
我在做移动端页面，弹出一个 fixed 定位的 modal 时，发现背后的页面还能上下滚动，体验很不好。试过给 body 加 overflow: hidden，但 iOS 上完全没用，还是能滑动，这咋...
-
2
回答
42浏览
无限滚动加载时怎么避免重复请求？
我在做商品列表的无限滚动，每次滚动到底部就触发加载下一页，但有时候用户滚太快，会连续发好几次请求，导致数据重复或者接口压力大，咋办？ 我试过用一个 loading 状态锁住，但好像还是会有问题，比如：...
-
1
回答
18浏览
滚动加载数据时怎么判断到底部了？
我在做列表页的滚动加载，监听 scroll 事件后用 window.innerHeight + window.scrollY >= document.body.offsetHeight 判断是否...
-
2
回答
21浏览
为什么给 scroll 事件加 passive: true 后 preventDefault 不生效了？
我在做一个自定义下拉刷新功能，需要监听 scroll 事件并阻止默认滚动，但加上 passive: true 后 preventDefault() 就报错了，说不能在 passive 事件里调用。可不...
-
1
回答
24浏览
滚动时如何实现平滑的视差动画效果？
我在用 React 做一个带视差滚动的页面，想让背景图滚动得比内容慢一点，但试了几次都不流畅，甚至有时候卡顿。是不是我的写法有问题？ 我用了 useEffect 监听 scroll 事件，然后直接改 ...
-
2
回答
29浏览
Smooth Scroll 在 Safari 上为什么不生效？
我在项目里用了 scroll-behavior: smooth; 实现页面锚点平滑滚动，Chrome 和 Firefox 都没问题，但在 Safari 上完全没效果，还是瞬间跳转。 查了下资料说 Sa...
-
2
回答
39浏览
用requestAnimationFrame实现的滚动动画为什么偶尔会卡顿？
在做页面导航平滑滚动时，我用requestAnimationFrame写了个滚动函数，但偶尔会出现动画卡顿的情况，特别是在低端设备上。代码逻辑是这样的： function smoothScroll(t...
-
1
回答
59浏览
React滚动百分比指示器数值跳变怎么办？
我在做页面滚动指示功能时遇到了问题，当快速滚动时百分比数值会突然跳变，不太流畅。我尝试用window.scrollY除以文档高度计算，但感觉响应不及时。 这是我的组件代码： import { useS...
-
2
回答
39浏览
React中scroll事件触发的动画为什么会有延迟和卡顿？
我用React做页面滚动动画时遇到了问题。当我用window.addEventListener('scroll')监听滚动位置，并用useState更新动画数值时，动画总会有半秒左右的延迟，滑动页面时...
-
2
回答
45浏览
虚拟滚动到中间位置时列表内容突然跳动怎么办？
我在用虚拟滚动渲染长列表时发现，当快速滚动到中间区域后松手，列表内容会突然向上跳动10-20px，但滚动到底部正常。我按网上的方案用了IntersectionObserver，调整了start和end...
-
1
回答
71浏览
ScrollTrigger在React中滚动到锚点时延迟明显怎么办？
在React项目里用gsap的ScrollTrigger实现点击跳转锚点，但滚动总是有0.5秒左右的延迟。明明配置了marker能看到标记位置，滚动动画也正常，就是触发时卡一下... 代码是这样的： ...
-
2
回答
70浏览
为什么锚点定位后页面总是偏移固定导航栏的高度？
我在做单页滚动时用了锚点跳转，但每次点击导航链接后，内容区域总会被固定在导航栏下方几像素的位置，导致文字被遮挡。已经试过给锚点元素加padding-top和margin-top，但滚动位置反而更乱了。...
-
2
回答
71浏览
滚动回弹效果在移动端如何实现？
最近在做一个移动端的项目，想要实现一个类似iOS上那种滚动到底部后会有个回弹的效果。尝试着用CSS的overscroll-behavior属性设置了，但是发现在安卓手机上表现不是很好，有的设备根本没反...
