使用 CSS 在移动设备上自动滚动
Posted
技术标签:
【中文标题】使用 CSS 在移动设备上自动滚动【英文标题】：Autoscroll on Mobile device using CSS 【发布时间】：2018-06-11 17:35:23 【问题描述】：我网站的当前菜单是通过 Bootstrap 开发的。
当前，当其中一个子菜单打开而我打开另一个子菜单时，初始子菜单会关闭，这会迫使选项卡向上滑动，因此我不是查看菜单顶部，而是查看中间甚至底部，具体取决于我在单击打开第二个子菜单时位于屏幕下方的位置。
有没有办法，通过使用 CSS，我可以强制屏幕跟随子菜单回到顶部，这样当我打开菜单时屏幕在什么位置，它总是把我带到顶部？
我更喜欢 CSS 而不是 javascript，但如果需要，我更喜欢 Javascript。
【问题讨论】：
请添加代码示例来说明问题 CSS 不太可能导致滚动值发生变化。 您不能使用 CSS 滚动，只能使用 JavaScript 和哈希链接。但也许您可以在某些元素上使用position:fixed 或position:sticky。这是一些文档developer.mozilla.org/en-US/docs/Web/CSS/position
【参考方案1】：
通常滚动是使用 JavaScript 而不是 css 完成的，但您可以使用 '#' 之类的：
<a href="#top">Back To Top</a>
你的菜单如下：
<ul id="top"><li>Home</li><li>Contact Us</li></ul>
当您点击“返回顶部”链接时，它会将屏幕移动到您的子菜单。
【讨论】：
以上是关于使用 CSS 在移动设备上自动滚动的主要内容，如果未能解决你的问题，请参考以下文章