[請益] 頁面滾動浮出按鈕

[freeccc (自由的ccc)]

大家晚安

最近想幫自己部落格的手機版介面加按鈕
(blogger的行動版範本)
主要是想像下面這個網站這樣：
http://www.sogi.com.tw/m/mobile

頁面往上滾動會出現按鈕，往下滾動時會隱藏


查了jQuery的scroll好像也沒有類似的範例
js的onscroll好像跟上面那個差不多
不知道要用什麼關鍵字去搜尋
還是各位有推薦的範例可以學習的?


google找超久只好上來請教大家了~

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 125.230.215.72
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1406550272.A.B16.html
→ fire231:讀取滾動前後的scrolltop 然後判斷是上滾還是下滾
→ fire231:(如何判斷就是相減就好)  後面應該不用教了吧?
→ freeccc:感謝樓上~  我再研究怎麼寫(小弟新手不一定寫得出來 囧)
→ leochen0818:這個頁面是無限卷軸加判斷卷軸，老實說，我覺得超難用
→ leochen0818:多參考其他電腦版的網站TOP鈕的寫法就可以弄出來了
→ freeccc:我只要判斷捲軸就好，我的網站還不需要無限捲軸(汗)
→ freeccc:http://jaru.qr.ai  類似這個網站的效果
→ fire231:無限捲軸也很簡單= =
→ fire231:通通是透過判斷捲軸的方式
→ fire231:無限卷軸叫做下拉加載或是滑動加載吧
→ fire231:至於你哪個部分有問題，要說出來，不然沒法幫你
→ fire231:你先從可以取到scrollTop的位置開始吧
→ fire231:一步驟一步驟來，另外 JQ的方法是 $(window).scrollTop();
→ freeccc:我承認我卡在計算頁面上滾下滾那邊 是要var兩個scrollTop
→ freeccc:嗎 ?
推 alog:A - B
→ leochen0818:我說的超難用指的是對使用而言，這個頁面頗卡...
→ leochen0818:                          者
→ leochen0818:哎呀！空白按太多..
→ leochen0818:主要是一開始的scrollTop跟加載後的scrollTop不一樣
→ leochen0818:所以加載後，scrollTop也要更新
→ alog:最智障的設計莫過於網站的次要功能全部做在底下
→ alog:+無限捲軸捲動....永遠拉不到底
→ alog:尤其是次要功能還有聯絡管道的時候..根本沒人能聯絡到
→ Canboo:https://github.com/eduardomb/scroll-up-bar
→ Canboo:這功能就是你要的，你再把位置放對就好
→ oj113068:我碰過alog大說的那種，明顯是設計完成一段時間後事後
→ oj113068:加上的，當下真是又好氣又好笑
推 GoalBased:無限卷軸 又放在底下 你是怎麼找到的?