scroll to top 按鈕範例

Velocity 版

• prototype
• prototype-hide

jQuery & jQuery UI 版

• prototype
• prototype-hide
• prototype-hide-easing
• prototype-hide-easing-compatible

查詢關鍵字

• scroll to top button
• back to top button

參考文章

• How To Create An Animated Scroll To Top Button With jQuery
• [jQ]用 jQuery 控制網頁捲軸移動

API

• Velocity / Scroll
• jQuery UI / Easing
• jQuery / .animate()
• jQuery / .scroll()
• jQuery / .scrollTop()
• jQuery / .click()
• jQuery / .ready()
• jQuery / .on()
• jQuery / .live() (Deprecated. But read concept)
• jQuery / event.preventDefault()
• MDN / Window.scroll()
• MDN / Window.scrollTo()
• MDN / GlobalEventHandlers.onload
• MDN / load
• MDN / GlobalEventHandlers.onclick
• MDN / click
• MDN / DOM on-event handlers
• MDN / EventTarget.addEventListener()
• MDN / Event.preventDefault()
• MDN / void operator

源碼參考

• github / materialize / js / buttons.js
• github / jquery / src / offset.js
• github / jquery / src / effects.js