如何使用页内HTML链接滚动到目标部分上方的位置

概述我知道如何使用以下命令跳转到页面上的某个部分： <a href="#link">Link</a>`<a name="Link"> 我的问题是：如何将跳转位置从默认值上调50px？ 基本上这样做,当我跳到该部分时,它并不完全出现在浏览器的顶部,但允许一些缓冲空间. 你可以添加填充顶部：50px;对你的目标,可能有意外的副作用,总是在你的目标上方有50px的空间. 例： HTML： <a href= 我知道如何使用以下命令跳转到页面上的某个部分：

<a href="#link">link</a>`<a name="link">

我的问题是：如何将跳转位置从默认值上调50px？

基本上这样做,当我跳到该部分时,它并不完全出现在浏览器的顶部,但允许一些缓冲空间.

解决方法 你可以添加填充顶部：50px;对你的目标,可能有意外的副作用,总是在你的目标上方有50px的空间.

例：

HTML：

<a href="#test">Test</a><div ><!-- create some whitespace for demo purposes --></div><h1 ID="test">Target</h1><div ><!-- create some whitespace for demo purposes --></div>

CSS：

#test { padding-top: 50px; }

DEMO

总结

以上是内存溢出为你收集整理的如何使用页内HTML链接滚动到目标部分上方的位置全部内容，希望文章能够帮你解决如何使用页内HTML链接滚动到目标部分上方的位置所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。