html 自定义哈希标记链接 - 锚链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 自定义哈希标记链接 - 锚链接相关的知识,希望对你有一定的参考价值。

/*  
https://css-tricks.com/hash-tag-links-padding/
this will make space for a specific height , 
This is useful on fixed menus and lets you specify the height above the fixed menu
*/


<div id="location">
   <h1  class="text-center"></h1>
</div>



#location h1:before {
    display: block;
    content: " ";
    margin-top: -102px;
    height: 102px;
    visibility: hidden;
}

以上是关于html 自定义哈希标记链接 - 锚链接的主要内容,如果未能解决你的问题,请参考以下文章

单击锚链接时平滑滚动

单击锚链接时淡入/淡出音乐

在 Angular 6 中使用 HTML 锚链接#id

来自锚链接的短信 - Html5 Iphone

使用jQuery滚动到锚链接[重复]

使用jQuery滚动到锚链接[重复]