作者freeccc (自由的ccc)
看板Web_Design
标题[请益] 页面滚动浮出按钮
时间Mon Jul 28 20:24:26 2014
大家晚安
最近想帮自己部落格的手机版介面加按钮
(blogger的行动版范本)
主要是想像下面这个网站这样：
http://www.sogi.com.tw/m/mobile
页面往上滚动会出现按钮，往下滚动时会隐藏
查了jQuery的scroll好像也没有类似的范例
js的onscroll好像跟上面那个差不多
不知道要用什麽关键字去搜寻
还是各位有推荐的范例可以学习的?
google找超久只好上来请教大家了~
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 125.230.215.72
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1406550272.A.B16.html
1F：→ fire231:读取滚动前後的scrolltop 然後判断是上滚还是下滚 07/28 23:07
2F：→ fire231:(如何判断就是相减就好) 後面应该不用教了吧? 07/28 23:07
3F：→ freeccc:感谢楼上~ 我再研究怎麽写(小弟新手不一定写得出来 囧) 07/29 11:16
4F：→ leochen0818:这个页面是无限卷轴加判断卷轴，老实说，我觉得超难用 07/29 14:11
5F：→ leochen0818:多参考其他电脑版的网站TOP钮的写法就可以弄出来了 07/29 14:12
6F：→ freeccc:我只要判断卷轴就好，我的网站还不需要无限卷轴(汗) 07/29 15:43
8F：→ fire231:无限卷轴也很简单= = 07/29 17:56
9F：→ fire231:通通是透过判断卷轴的方式 07/29 17:57
10F：→ fire231:无限卷轴叫做下拉加载或是滑动加载吧 07/29 17:58
11F：→ fire231:至於你哪个部分有问题，要说出来，不然没法帮你 07/29 17:59
12F：→ fire231:你先从可以取到scrollTop的位置开始吧 07/29 18:00
13F：→ fire231:一步骤一步骤来，另外 JQ的方法是 $(window).scrollTop(); 07/29 18:01
14F：→ freeccc:我承认我卡在计算页面上滚下滚那边 是要var两个scrollTop 07/29 23:05
15F：→ freeccc:吗 ? 07/29 23:05
16F：推 alog:A - B 07/29 23:55
17F：→ leochen0818:我说的超难用指的是对使用而言，这个页面颇卡... 07/30 09:46
18F：→ leochen0818: 者 07/30 09:46
19F：→ leochen0818:哎呀！空白按太多.. 07/30 09:47
20F：→ leochen0818:主要是一开始的scrollTop跟加载後的scrollTop不一样 07/30 09:48
21F：→ leochen0818:所以加载後，scrollTop也要更新 07/30 09:49
22F：→ alog:最智障的设计莫过於网站的次要功能全部做在底下 07/30 09:56
23F：→ alog:+无限卷轴卷动....永远拉不到底 07/30 09:56
24F：→ alog:尤其是次要功能还有联络管道的时候..根本没人能联络到 07/30 09:57
26F：→ Canboo:这功能就是你要的，你再把位置放对就好 07/30 10:35
27F：→ oj113068:我碰过alog大说的那种，明显是设计完成一段时间後事後 07/31 16:59
28F：→ oj113068:加上的，当下真是又好气又好笑 07/31 16:59
29F：推 GoalBased:无限卷轴 又放在底下 你是怎麽找到的? 08/07 09:29