Skip to content

页面放大后,左侧目录定位不准的问题 #347

@woxinde

Description

@woxinde

我发现点击左侧目录,跳转的时候计算位置的时候没有乘以相应的放大倍率,导致滚动的位置不太准确
以下是我的解决方案:在src/components/container/toc.vue
1、乘以容器改变后的倍率
const pageContainer = document.querySelector(
${container} .umo-zoomable-container,
) as HTMLElement
const pageHeader = pageContainer?.querySelector(
'.umo-page-node-header',
) as HTMLElement
if (!nodeElement || !pageContainer || !pageHeader) {
return
}
pageContainer.scrollTo({
top: (nodeElement.offsetTop + pageHeader.offsetHeight)*容器改变后的倍率,
})
2、使用scrollIntoView(最简单)
nodeElement.scrollIntoView({
block: 'start',
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions