1. 程式人生 > >使用JS給html錨點跳轉增加動畫效果

使用JS給html錨點跳轉增加動畫效果

            $(".label").bind("click touch",function(){
                //根據a標籤的href轉換為id選擇器,獲取id元素所處的位置,並高度減50px(這裡根據需要自由設定)
                $('html,body').animate({scrollTop: ($($(this).attr('href')).offset().top -50 )},500);
            });

註釋:

- html中仍然還是照常使用錨點<a href='#xxx'>  → <div id='xxx'>

- 給所有錨點(a標籤)加上"class='label'") → 這個class名字可以隨便定

- JS程式碼需要放在html後面才生效