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

作者: freeccc (自由的ccc)   2014-07-28 20:24:26
大家晚安
最近想幫自己部落格的手機版介面加按鈕
(blogger的行動版範本)
主要是想像下面這個網站這樣:
http://www.sogi.com.tw/m/mobile
頁面往上滾動會出現按鈕,往下滾動時會隱藏
查了jQuery的scroll好像也沒有類似的範例
js的onscroll好像跟上面那個差不多
不知道要用什麼關鍵字去搜尋
還是各位有推薦的範例可以學習的?
google找超久只好上來請教大家了~
作者: fire231 (Bloodmors)   2014-07-28 23:07:00
讀取滾動前後的scrolltop 然後判斷是上滾還是下滾(如何判斷就是相減就好) 後面應該不用教了吧?
作者: freeccc (自由的ccc)   2014-07-29 11:16:00
感謝樓上~ 我再研究怎麼寫(小弟新手不一定寫得出來 囧)
作者: leochen0818 (Leo)   2014-07-29 14:11:00
這個頁面是無限卷軸加判斷卷軸,老實說,我覺得超難用多參考其他電腦版的網站TOP鈕的寫法就可以弄出來了
作者: freeccc (自由的ccc)   2014-07-29 15:43:00
我只要判斷捲軸就好,我的網站還不需要無限捲軸(汗)http://jaru.qr.ai 類似這個網站的效果
作者: fire231 (Bloodmors)   2014-07-29 17:56:00
無限捲軸也很簡單= =通通是透過判斷捲軸的方式無限卷軸叫做下拉加載或是滑動加載吧至於你哪個部分有問題,要說出來,不然沒法幫你你先從可以取到scrollTop的位置開始吧一步驟一步驟來,另外 JQ的方法是 $(window).scrollTop();
作者: freeccc (自由的ccc)   2014-07-29 23:05:00
我承認我卡在計算頁面上滾下滾那邊 是要var兩個scrollTop嗎 ?
作者: alog (A肉哥)   2014-07-29 23:55:00
A - B
作者: leochen0818 (Leo)   2014-07-30 09:46:00
我說的超難用指的是對使用而言,這個頁面頗卡...者哎呀!空白按太多..主要是一開始的scrollTop跟加載後的scrollTop不一樣所以加載後,scrollTop也要更新
作者: alog (A肉哥)   2014-07-30 09:56:00
最智障的設計莫過於網站的次要功能全部做在底下+無限捲軸捲動....永遠拉不到底尤其是次要功能還有聯絡管道的時候..根本沒人能聯絡到
作者: Canboo (啃布先生)   2014-07-30 10:35:00
https://github.com/eduardomb/scroll-up-bar這功能就是你要的,你再把位置放對就好
作者: oj113068 (橘子汁)   2014-07-31 16:59:00
我碰過alog大說的那種,明顯是設計完成一段時間後事後加上的,當下真是又好氣又好笑
作者: GoalBased (Artificail Intelligence)   2014-08-07 09:29:00
無限卷軸 又放在底下 你是怎麼找到的?

Links booklink

Contact Us: admin [ a t ] ucptt.com