CSS显示滚动到特定元素的页面

时间:2015-01-24 10:35:49

标签: css

以此网站上的问题为例,当用户首次访问网站时,它可能以三种方式显示:

  1. 缩放以适应浏览器窗口,例如使用<meta name="viewport" content="width=device-width, initial-scale=1.0">(见插图1)
  2. 未缩放(见第2条)
  3. 未缩放并滚动到特定元素,例如“问题”链接(见第3条)
  4. enter image description here

    如何实现插图号中所示的效果。 3,不使用JavaScript?也就是说,如何通知浏览器显示页面未滚动到顶部,但滚动到特定元素:

    enter image description here

    site.com/page.html#questions等锚点的URL会实现垂直“偏移”,但我希望即使用户没有关注这样的链接来到页面,也会显示滚动状态。

1 个答案:

答案 0 :(得分:0)

如果您不想使用javascript,那么我知道的唯一方法是使用dart https://www.dartlang.org/,但它会在某些浏览器上编译为javascript。 Css没有这样的功能。