2017/01

Html中的锚点连接是如何来使用的

发布时间：2017-01-20 17:23:17

发布者：369563174

浏览量:

锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

那么他是如何来写的呢：

   这里可以放图标 也可以放文字

您可以使用 id 属性来替代 name 属性，命名锚同样有效。

在网页中，当你滚动到最底下想直接回到顶部的时候，这个时候就用到了锚链接，为了他的样式好看，你可以用Jquery去写，比如我们官网右侧的悬浮小图标：

最下面的一个就是回到顶部，他在最顶部的时候是不显示的

只有当页面往下滑的时候他才会出现，那么他是如何写的呢：

        
    $(function(){
      $(window).scroll(function(){
       if($(window).scrollTop()>120){
      $("#side-bar .gotop").fadeIn();
      }
    else{
      $("#side-bar .gotop").fadeOut();
      }
      });
      $("#side-bar .gotop").click(function(){
      $('html,body').animate({'scrollTop':0},500);
      });
      });

这就是他的Jquery的写法，当window滚动到120这个坐标点的时候这个小图标进入，点击它的时候他会去查找html跟body标签，同时向上滚动。

上一篇：网页设计师需要的火狐附加组件

下一篇：页面中的新闻滚动是如何实现的

关键词: