如何使用 Framework7 创建网页中各个部分的链接

Answer 1

一天后我找到了一个适用于堆栈溢出的答案（请参阅下面的链接），但是我不想费心回答我自己的问题，但我决定现在就这样做。

解决方案在于使用每个 DOM 元素上可用的 JavaScript rollIntoView 方法以编程方式将所需的元素/部分滚动到视图中。

在 Framework7 应用程序中，可滚动容器是具有

.page-content

类的元素，而不是

html

或

body

标签。这是经典方法的缺点的原因，它预先假定可滚动容器是

body

标签，与 JavaScript的scrollIntoView方法不同，它寻找该部分最接近的可滚动祖先。

document.querySelector(". section").scrollIntoView();

解决方案源自Armando Pérez Marqués 的回答