html 锚点 上间距,html – 锚点链接和边距

我目前正在建立一个网页，其中一些元素放置在靠近顶部边缘的固定位置。所以每当我导航到锚点，那些被放置在这些固定元素的正下方。我不知道是否有一些风格或其他方法，当导航到锚点，这发生与一些额外的偏移/利润？

源代码示例

This covers the top 100px of the screen.

Foo

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,

sed diam voluptua. At vero eos et accusam et justo duo dolores et ea

rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum

dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,

sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam

erat, sed diam voluptua. At vero eos et accusam et justo duo dolores e

ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem

ipsum dolor sit amet.

Bar

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse

molestie consequat, vel illum dolore eu feugiat nulla facilisis at

vero eros et accumsan et iusto odio dignissim qui blandit praesent

luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam

nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat

volutpat.

说这个HTML在http://example.com/foobar.html可以链接到http://example.com/foobar.html/#bar – 浏览器将滚动到名为/ id“bar”的锚点。但在这个例子中有100px高的固定元素，这将阻塞“Bar”内容的上部。现在我想有一些风格/选项告诉浏览器，而不是滚动元素到文档窗口的顶部，但留下一定的“滚动边距”(在这种情况下滚动边距大约200像素)。这不是关于元素边距，因为这些影响布局。但这不是关于布局，而是给出了滚动行为的提示。