工作中我第一次遇到這種情況,因為是接手公司的老項目,在原來項目的基礎上修改,而且這項目里的相應文件都非常亂,結構、樣式、行為都不分離的,處理起來有點棘手,看着代碼腦袋都疼;由於點擊錨點,內容會默認置頂,被導航欄遮住。一開始我都在網上找解決的方案,但是后來,我還是選擇了一個比較笨的辦法,就是將錨點所在的元素獨立出來如下:
<a name="anchor" style="display:block;height:44px;margin-top:-44px;"></a>
給錨點所在元素設高度【元素的高度==導航欄的高度】,這樣一來,錨點所在元素的下一個兄弟節點元素內容就不會被導航欄遮住了。但是可能會空出一部分,所以這時候就需要margin-top了,之所以margin-top:-44px,就是為了將錨點所在元素,所占的位置移動回去,這樣就不會造成有空缺部分出現了。以上為我自己所遇到情況的解決方法。
