This topic created in 3945 days ago, the information mentioned may be changed or developed.
主要基于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
Supplement 1 Jul 12, 2015
优化了下生成逻辑，现在不会再有滚动条而且支持自适应了~
 | 1 kaikai5601 Jul 12, 2015  1 很酷~ |
 | 2 jas0ndyq Jul 12, 2015 1 star |
 | 3 yeah2109 Jul 12, 2015 1 感觉往上滚动的时候有错位？ |
 | 4 fyl00 Jul 12, 2015 1 网上滚确实有错位，千万不要告诉我是这么设计的 |
 | 5 luoway Jul 12, 2015 1 如果切换效果丰富且随机，那就太棒了 |
 | 8 Garwih Jul 12, 2015 1 canvas 生成图片之后，再改变窗口大小，这时候上滚就会感觉错位。 比如在页面加载完成之后，再按 F12 查看代码，这时候窗口大小改变了，文字上下的距离也改变了，而 canvas 生成的图片大小没变。 |
 | 10 Daddy Jul 12, 2015 1 收藏+感谢+支持一下 |
 | 11 ledkk Jul 13, 2015 1 很不错 |
 | 12 wsph123 Jul 13, 2015 1 好炫酷！！ |
 | 13 arens Jul 13, 2015 1 发现BUG，切换几个页面后，如果刷新再切换，会丢失切换效果 |
14 pcwow OP @arens 不知道为什么，刷新后样式计算有时候会不正确，导致截取到的canvas也是样式不正确的，现在的解决方式是切换后判断当前页生成的canvas样式是否正确，不正确重新生成 |
 | 15 deathscythe Jul 13, 2015 1 建议在body 或html 上加个overflow:hidden Mac上滚动怪怪的，就像拽动的样子 |
| 16 yeah2109 Jul 17, 2015 via Android 1 能不能加上滑屏滚动？ |
 | 17 xihesi Jul 17, 2015 1 鼠标滚轮坏了的就笑了，我就是 |
 | 19 abmin521 Jul 18, 2015 via Android 手机浏览器不行 |
Select Language