平滑滚动到其他网页的一部分

时间:2019-03-02 17:43:56

标签: javascript html css

当我单击第1页上的链接时,我希望发生以下情况:

  1. 在顶部打开第2页
  2. 平稳滚动到第2页上的给定位置

我该如何进行设置?
我设法使单击单个页面上的链接可以平滑滚动到该页面上的给定位置,但是不知道如何在页面之间进行此操作。

2 个答案:

答案 0 :(得分:0)

您可以使用标签链接将焦点移至页面上的任何特定链接。在其他页面上也可以正常工作。

您可以在page1链接中提供page2.html#linkname,它将打开page2并将焦点移至所提到的链接。

答案 1 :(得分:0)

这完全是scroll-behaviour: smooth;在兼容的浏览器(当前为Firefox和Chrome)中的行为。 所有其他浏览器将不进行动画处理,但链接仍然有效。这是progressive enhancement的完美示例。