这是一个创建于 3430 天前的主题，其中的信息可能已经有所发展或是发生改变。
主要基于html2canvas生成整个页面的"截图"，再对生成的canvas分解。
需要等待完全加载完毕才能操作（滚动条消失），不然会错位
demo： http://github.czli.me/page-scroll
源码： https://github.com/pcwow789/page-scroll
需要等待完全加载完毕才能操作（滚动条消失），不然会错位
demo： http://github.czli.me/page-scroll
源码： https://github.com/pcwow789/page-scroll
第 1 条附言 · 2015-07-12 22:18:57 +08:00
优化了下生成逻辑，现在不会再有滚动条而且支持自适应了~
 |
1
kaikai5601 2015-07-12 13:49:16 +08:00  1
很酷~
|
 |
2
jas0ndyq 2015-07-12 14:01:53 +08:00 1
star
|
 |
3
yeah2109 2015-07-12 17:34:27 +08:00 1
感觉往上滚动的时候有错位？
|
 |
4
fyl00 2015-07-12 18:04:21 +08:00 1
网上滚确实有错位，千万不要告诉我是这么设计的
|
 |
5
luoway 2015-07-12 18:53:27 +08:00 1
如果切换效果丰富且随机，那就太棒了
|
 |
8
Garwih 2015-07-12 19:54:49 +08:00 1
canvas 生成图片之后，再改变窗口大小，这时候上滚就会感觉错位。
比如在页面加载完成之后，再按 F12 查看代码，这时候窗口大小改变了，文字上下的距离也改变了，而 canvas 生成的图片大小没变。 |
 |
10
Daddy 2015-07-12 21:21:16 +08:00 1
收藏+感谢+支持一下
|
 |
11
ledkk 2015-07-13 00:34:42 +08:00 1
很不错
|
 |
12
wsph123 2015-07-13 09:44:12 +08:00 1
好炫酷！！
|
 |
13
arens 2015-07-13 14:58:18 +08:00 1
发现BUG，切换几个页面后，如果刷新再切换，会丢失切换效果
|
 |
14
pcwow OP @arens
不知道为什么，刷新后样式计算有时候会不正确，导致截取到的canvas也是样式不正确的，现在的解决方式是切换后判断当前页生成的canvas样式是否正确，不正确重新生成 |
 |
15
deathscythe 2015-07-13 17:59:43 +08:00 1
建议在body 或html 上加个overflow:hidden
Mac上滚动怪怪的，就像拽动的样子 |
|
16
yeah2109 2015-07-17 00:11:26 +08:00 via Android 1
能不能加上滑屏滚动？
|
 |
17
xihesi 2015-07-17 11:03:15 +08:00 1
鼠标滚轮坏了的就笑了，我就是
|
 |
19
abmin521 2015-07-18 18:59:36 +08:00 via Android
手机浏览器不行
|
Select Language