使用锚点时如何解决顶部浮动DIV的高度占用问题_html/css_WEB-ITnose

下面的这种效果，在点击链接时，切换到锚点上，但因为顶部存在一定高度的浮动DIV，点击后下面的DIV将会被遮挡住相应高度的位置看不到，这样的问题如何解决？困扰好久了，请大侠们出手相助啊，在此先表示感谢。如果能带平滑滚动更好

 测试
 
   固定的顶 
 
 
 
      中间
 
     
  
 
 
   
  

    这是1 
  
 
   
  

    这是2 
  
 
   
  

    这是3 
  
 
   
  

    这是4 
  
 
   
  

    这是5 
  
 
  
 
 
 
  这是一
 
 
  这是二
 
 
  这是三
 
 
  这是四
 
 
  这是五
 

回复讨论(解决方案)

参考:
offsetting an html anchor to adjust for fixed header
JQuery Position:Fixed 'NAVBAR' by scrolling the page
给锚点加上个下面的样式，纯css实现。

a.anchor{    display: block;    position: relative;    top: -92px;    visibility: hidden;}

另外如果需要加上平滑滚动效果的话，可以点击查看

在线 演示结果

或者在线 演示代码

存贴备用， 实际效果地址

非常感谢您的热情回复！！！

参考:
offsetting an html anchor to adjust for fixed header
JQuery Position:Fixed 'NAVBAR' by scrolling the page
给锚点加上个下面的样式，纯css实现。

a.anchor{    display: block;    position: relative;    top: -92px;    visibility: hidden;}

另外如果需要加上平滑滚动效果的话，可以点击查看

在线 演示结果

或者在线 演示代码