[请益] 页面滚动浮出按钮

楼主: 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