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