2021年3月7日 星期日

用JS回到畫面最頂端

三個部分要注意

 html部分
<p id "page-top"><a href="#">回到畫面頂端</a></p>

 JQUERY引入
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

 javascript動作
<script>
$(function (){
    $("page-top a").click(function (){
    // id=如果'page-top'被點擊
        $('html,body').animate({scrollTop:0}, 'fast');
        //利用 fast(最快) 的速度到畫面頂端
        return false;
        });
    });
</script>
 

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。