滚动链接同一页

huangapple go评论80阅读模式
英文:

Scroll link same page

问题

我已经为一个 div 元素命名了一个 id,例如:div id="page1",同时在同一个页面上我有一个链接,如:a href="#page1"。
但是我的导航菜单总是在顶部,所以在滚动时会被菜单遮挡,我该如何修复它,使它能够精确滚动到该 div?

我无法弄清楚如何精确滚动到这个 div。

英文:

I have named a div id for example: div id="page1" and at the same page i have a link like: a href="#page1"
But my navigation menu is always on top so it hides under the menu on scroll, how can i fix so it will scroll exactly on the div ?

I can't figure out how it can scroll exactly to the div.

答案1

得分: 1

谢谢,对我有用的是使用CSS:
html { scroll-padding-top: 140px; }

英文:

Thanks anyway, what worked for me is using CSS:
html { scroll-padding-top: 140px; }

huangapple
  • 本文由 发表于 2023年6月5日 18:18:31
  • 转载请务必保留本文链接:https://go.coder-hub.com/76405448.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定