html怎么修改锚点的属性,在HTML中设置自定义锚点
生活随笔
收集整理的這篇文章主要介紹了
html怎么修改锚点的属性,在HTML中设置自定义锚点
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我已經在帖子
here和
here中看到了這個話題,但它們并沒有真正幫助我.情況非常相似:頁面頂部的滾動頁面和粘性菜單欄(固定div),錨點分散在長滾動文本中.
像這樣的HTML:
Heading Foo
this is some text, and a lot of it
...
jump to Heading Foo
...
Heading Bla
and then there is more text
...
jump to Heading Bla
...
有一些CSS,目前是空的,因為我仍然只是偶然發現這個問題
.anchor {
color: green;
} ?
看看this小提琴,看它目前是如何運作的.
現在,每當我點擊一個鏈接,它就會把我帶到錨點. (是的!)唉,這也意味著現在位于頁面頂部的錨點被粘滯菜單所覆蓋. (不!)如果它會顯示在粘性菜單下面會很棒.
我嘗試過其他帖子中提供的解決方案無濟于事.例如,在錨點周圍添加填充實際上會在文本中添加可見的填充并創建空白空間;這不是我想要的.文本應該在視覺上看起來沒有修改.
在此先感謝提示和提示:-)
編輯:我應該更清楚一點.我不需要頁面頂部的空間.我確實需要每個錨點都在菜單欄下面.嘗試我的原始小提琴,然后單擊錨點:您將看到它們的位置,以便它們被菜單欄覆蓋.
最佳答案 如何設置第一個h1的填充?
?h1:first-child {
padding-top:50px;
}
總結
以上是生活随笔為你收集整理的html怎么修改锚点的属性,在HTML中设置自定义锚点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux下面 r和 n的区别,【冷知识
- 下一篇: ajax点击事件无法触发,解决jQuer