当部分出现在视图中时，自动将滚动从垂直更改为水平

Question

我想创建一个反应站点，当我进入服务部分页面时滚动时，该部分的垂直滚动应更改为水平滚动。知道如何实现这一目标吗？

Answer 1

How to get scrollbar position with Javascript?

如果您获得滚动位置并在滚动上添加条件，这可能会对您有所帮助

Answer 2

你可以使用 framer-motion: https://codesandbox.io/s/framer-motion-horizontal-scroll-by-scrolling-vertically-forked-473s1?file=/src/SmoothScroll.js

Framer-motion 使用“ghost”div。该 div 的高度等于滑块的长度，您滚动它并且成帧器创建水平滚动。它还会检查您的滑块何时位于视口中。