Jquery gotop 教學



AJframe-gotop 快速實現

常常在閱讀內容很多的文章時,看著看著要回到頂端去卻找不到按鈕!
這是很不好的使用者體驗喔~
這邊就來教你簡單製作一個返回頂端的作法
$("要控制的物件").click(function(){
        $("html,body").animate({
            scrollTop:0
        },1000);
    });
當我們點擊要控制的物件時,就會以1秒的動態速度返回html,body 高度0的定點
是不是很好理解呢?
搭配Jquery on scroll 事件就能做出很多好玩的衍生效果喔!
例如我們把要控制的物件一開始的display設定為none
當我們滾動200高度時才會和緩的出現.
這簡單的練習,就交給你自己吧~

留言

熱門文章