JQuery-锚点动画

什麽是锚点 & 锚点的作用是什麽

他是超连结的一种，可以帮助我们更快速的寻找我们所要的资讯，
就不用一直滚动页面来寻找我们所要的资讯了

我在网路上找到一个别人做的网页，
https://huangkaisong.github.io/ --> 点进这个网址来试玩看看锚点的功能

基本语法

在网页的某一个位置中，插入一个锚点(随至随你放，看你要让锚点在哪)

<a name="abc"></a>

只要点选，就会自动跳到刚刚上面所设定的锚点位置

<a href="#abc">显示的字样</a>

范例

完整程序码长这样

$(function(){
    $('.scroll').on('click',function(){//系结点选事件
        let haha = $('#haha').offset().top;//获取对应元素剧情萤幕顶部的距离
        $('html,body').animate({scrollTop:haha},800);//动画出炉
    });
});

1. 给要进行锚点跳转的 标签加一个类 例：

<a href="#haha" class="scroll">

2. 获取对应节点距离浏览器顶部的距离 例 ：

let haha = $('#haha').offset().top

3. 给所有要锚点动画的加上点选事件 例：

$('.scroll').on('click',function())

这样就可以做出我们的锚点动画啦
那我们铁人赛Day27见罗!!