写了个单屏页面切换效果

[pcwow]

主要基于html2canvas生成整个页面的"截图"，再对生成的canvas分解。

需要等待完全加载完毕才能操作（滚动条消失），不然会错位
demo： http://github.czli.me/page-scroll
源码： https://github.com/pcwow789/page-scroll

优化了下生成逻辑，现在不会再有滚动条而且支持自适应了~

[kaikai5601]

很酷~

[jas0ndyq]

star

[yeah2109]

感觉往上滚动的时候有错位？

[fyl00]

网上滚确实有错位，千万不要告诉我是这么设计的

[luoway]

如果切换效果丰富且随机，那就太棒了

[pcwow]

@yeah2109
@fyl00
用的是什么浏览器？具体是哪里错位？比较懒没有测试太多浏览器。。。

[pcwow]

@luoway
是想这么做来着，什么时候闲了再补上~

[Garwih]

canvas 生成图片之后，再改变窗口大小，这时候上滚就会感觉错位。
比如在页面加载完成之后，再按 F12 查看代码，这时候窗口大小改变了，文字上下的距离也改变了，而 canvas 生成的图片大小没变。

[pcwow]

@Garwih
嗯，确实是这样的，现在只在加载页面的时候生成了一次，没有做自适应

[Daddy]

收藏+感谢+支持一下

[ledkk]

很不错

[wsph123]

好炫酷！！

[arens]

发现BUG，切换几个页面后，如果刷新再切换，会丢失切换效果

[pcwow]

@arens
不知道为什么，刷新后样式计算有时候会不正确，导致截取到的canvas也是样式不正确的，现在的解决方式是切换后判断当前页生成的canvas样式是否正确，不正确重新生成

[deathscythe]

建议在body 或html 上加个overflow:hidden
Mac上滚动怪怪的，就像拽动的样子

[yeah2109]

能不能加上滑屏滚动？

[xihesi]

鼠标滚轮坏了的就笑了，我就是

[pcwow]

@yeah2109
滑屏不考虑了（主要是懒。。
@xihesi
新加了方向键控制

[abmin521]

手机浏览器不行

[pcwow]

@abmin521
是的，暂时没有支持手机浏览器的打算