如何在锚链接上创建偏移量？

Question

On my site, I have the Bootstrap 3 theme with a fixed navigation bar.在我的网站上，我有带有固定导航栏的 Bootstrap 3 主题。

Some of the text is hidden by the navigation bar.一些文本被导航栏隐藏。

How to create an offset over an anchor link?如何在锚链接上创建偏移量？

Answer 1

Add the following pseudo-element to the style :target { padding-top: 10%;} replace 10% value with navigation bar's height.将以下伪元素添加到样式中:target { padding-top: 10%;}将 10% 值替换为导航栏的高度。

 :target { border: 2px solid #D4D4D4; background-color: #e5eecc; padding-top:10%; }

 <:DOCTYPE html> <html> <head> <title>Sample code</title> </head> <body> <h1>This is a heading</h1> <p><a href="#news1">Jump to New content 1</a></p> <p><a href="#news2">Jump to New content 2</a></p> <p>Click on the links above and the.target selector highlight the current active HTML anchor.</p> <p id="news1"><b>New content 1...</b></p> <p id="news2"><b>New content 2..:</b></p> <p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the.target selector.</p> </body> </html>

如何在锚链接上创建偏移量？

问题描述

1 个解决方案

解决方案1
0 2019-11-06 13:23:02

如何在锚链接上创建偏移量？

问题描述

1 个解决方案

解决方案1 0 2019-11-06 13:23:02

解决方案1
0 2019-11-06 13:23:02