reactjs - 菜单溢出 :scroll - position selected element center

标签 reactjs css

我有带溢出的垂直导航:滚动,所以在移动设备上,除了您滚动到的菜单项外,菜单项被隐藏。

在页面刷新时或者如果我选择不同的页面,滚动会再次从头开始。

我想要的是如果与页面匹配,则相应的元素始终出现在 View 中。

有没有办法使用 CSS 使所选元素居中?比如我可以强制滚动到所选菜单所在的位置吗?

最佳答案

据我所知,单靠 CSS 是做不到这一点的。您需要使用 javascript 来设置滚动位置。我认为您可以获得想要居中的元素的滚动位置,然后使用它滚动到正确的位置。

checkout :

window.scroll() - https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll

.scrollTo() - https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTop

关于reactjs - 菜单溢出 :scroll - position selected element center,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55345227/

相关文章:

javascript - HTTP 响应中缺少 react-admin

javascript - 从 Array Variable React 中获取 JSON 数据

node.js - 根据条件在react js中导出?

css - 无法定位首页边距

javascript - react Pubnub 聊天。消息重复或根本没有消息

javascript - React hooks useEffect 即使在 [] 作为 deps 的情况下运行

html - 当图像悬停时显示另一个 div

html - 二、固定立柱工作台

html - 容器在 HTML/CSS 中的不同位置生成

html - 如何仅在 div sibling 之间添加左右边框