写了一个简单的 fullpage 框架,希望大家提提意见

2015-09-13 20:14:19 +08:00
 kisnows

写了一个fullpage前端框架,可以很轻松创建的单页滑动网站,不依赖任何库。
这是一个简单的 DEMO:http://kisnows.com/fullpage-light.js/.

因为不知道还需要那些功能,所以发上来希望大家提提意见。

顺便请教一个问题,关于 chrome 开发工具的:
以前在开发工具的 js 文件上里面点右键,会出现 block 这个文件的选项,也就是说在 debug 的时候不会跳入被 block 的文件,很方便跳过那写引入的库或这个框架文件。
但是现在没有了,只能在设置里面手动去加,这样明显很麻烦,为什么 chrome 要这么做?
chrome 版本: 45.0.2454.85 m

4211 次点击
所在节点    问与答
51 条回复
learnshare
2015-09-14 09:46:58 +08:00
Demo 不能太丑
Havee
2015-09-14 10:07:35 +08:00
safari 触摸板滚动,极其颤抖。
kisnows
2015-09-14 10:58:46 +08:00
@learnshare Demo 其实是在针对手机端的。要不提供个设计思路,毕竟我不是做设计的额,-_-。
mhtt
2015-09-14 13:16:31 +08:00
chrome 45 触板滚动,异常颤抖
akaayy
2015-09-14 18:28:02 +08:00
我觉得非常好 楼主继续加油!
kisnows
2015-09-14 19:46:08 +08:00
@ak47iej
@TangMonk
@Starduster
@ljbha007
@Kilerd
@boro
@moosoome
@sarices
@Havee
已经解决了抽搐的问题,现在在页面滚动完成之前是不会相应下一次动作的
kisnows
2015-09-14 19:47:35 +08:00
@haiyang416 你现在再试试,应该好了。
kisnows
2015-09-14 19:49:45 +08:00
@emric 现在应该不会了,已经解决了这个问题。
kisnows
2015-09-14 19:50:59 +08:00
@just44 现在不会抽搐了,^_^
@haiyang416 手机上不能超链接,是因为之前手误把 touch 的默认事件给禁止掉了,现在应该可以了
Kilerd
2015-09-14 21:51:15 +08:00
现在看上去起码可以用了,但是感觉还是怪怪的。
kisnows
2015-09-14 23:21:25 +08:00
@Kilerd 能说说怪在那里呢?这样我好修改
Starduster
2015-09-15 00:03:43 +08:00
那么现在的问题就是我轻轻一滚只要不在中途再按住触摸板他会一直滚到最下面,难道说就是这么设计的?
kisnows
2015-09-15 09:10:22 +08:00
应该不会吧,我在我这边测了下,没有这个问题。我是 win 的本和触摸板
ccccccc
2015-09-15 09:19:09 +08:00
@kisnows mac 触摸板会有一个 '缓冲' 的行为, 具体表现是很多次触发滚动. 这个不是简单加条件限制可以组织的, 你可以参考一下另一个 fullPage 插件的做法.
kisnows
2015-09-15 09:30:56 +08:00
@ccccccc 我现在的做法是,在一次动作完成之前,都不会相应其它的动作。这样应该不会有问题,在页面还有滚动完成之前,它是不会触发任何动作的。
手头没有 mac ,不好测试-_-
ccccccc
2015-09-15 10:37:52 +08:00
@kisnows 你现在这样的做法还是没办法阻止 mac 上多次滚动问题, 当你完成一个滚动动作时候, 事实上那个触摸板的滚动事件还在触发, 所以才有多次滚动问题.
kisnows
2015-09-15 10:57:08 +08:00
@ccccccc 滚动还在触发,是说手已经离开触摸板了,但是触摸事件还在触发吗?要是这样的话,我可能得考虑从一个方向入手了。
ccccccc
2015-09-15 11:30:57 +08:00
在 mac 上 window.onscroll = function (e ) {console.log (e )}

然后轻轻滑动触摸板, console 输出下面

VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
VM127:2 Event {}
kisnows
2015-09-15 12:46:58 +08:00
@ccccccc 我晚上下班了试试看能不能搞定
kisnows
2015-09-15 23:28:09 +08:00
@ccccccc 你现在再看一下 应该好了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/220416

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX