【问题标题】:Autoscroll on Mobile device using CSS使用 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

标签: jquery css wordpress twitter-bootstrap css-transforms


【解决方案1】:

通常滚动是使用 JavaScript 而不是 css 完成的,但您可以使用 '#' 之类的:

<a href="#top">Back To Top</a>

你的菜单如下:

<ul id="top"><li>Home</li><li>Contact Us</li></ul>

当您点击“返回顶部”链接时,它会将屏幕移动到您的子菜单。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-12-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-23
    • 1970-01-01
    • 2014-07-24
    • 1970-01-01
    相关资源
    最近更新 更多