我有一个由垂直幻灯片组成的网页，每个网页都是css中的一个“页面”：
<body>
<div class="page">
.....
</div>
<div class="page">
.....
</div>
</body>
并且每个页面的高度都是100％，因此它占据了所有屏幕。 我使用航路点为与当前幻灯片相对应的菜单条目着色，我成功地使用方向向上和向下，但是有一个问题：如果我加载页面并且我缩放它（例如150％），航点偏移无法正常工作，因为它们在页面上以100％配置，因此当我向下滚动时着色的菜单条目不正确。你能救我吗？