微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用ReactJS使用堆叠圆的水平滚动

如何解决使用ReactJS使用堆叠圆的水平滚动

嗨,我是React开发人员,我有一个问题,因为我没有足够的经验。我有功能组件,当我用“ 1080px”运行它时,我可以在屏幕上看到3个项目,并使用滚动查看右侧的其他项目。这是正常的。当我结束时,我也会在左侧项目中看到相同的内容。您可以在下面看到我的组件链接

https://codesandbox.io/s/amazing-engelbart-4v06k?file=/src/App.tsx

我可以选择我的圈子项目,并且所选项目的背景颜色变为红色。我可以正确选择它。但是,当单击圆圈项目时,如何使其对准中心?我的意思是实际上我只想 像这样的链接中的菜单https://codesandbox.io/s/horizontal-active-scroll-react-forked-10n2q?file=/src/App.js我知道有关滚动的问题,但是我没有足够的信息来实现此目的。您有什么建议或可以帮助我解决这个问题吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。