视差滚动练习

原创 波克比 随笔 CSS3 1054阅读 2014-08-21 18:06:53 举报

视差滚动基础版
代码片段 1

视差滚动加强版
代码片段 2

视差滚动第三版
代码片段 3

效果算是完善了些,鄙人初入前端,js水平实在太烂,就用了jq的一点小东东,还得继续努力学习js{:1_510:}

评论 ( 6 )
最新评论
yjzgwhh163 3F 2014-08-22 08:45:15 6F

   不知道的以为我看妹纸图~好尴尬

hugeannex 3F 2014-08-21 19:12:03 5F

你没明白我说的意思,意思是滚动结束时,图片应该在top:0的位置,而不是离上面有一段距离。想一下,你能实现的。

波克比 3F 2014-08-21 19:08:36 4F

哥,我是按大屏幕显示器的高度写的,有点缺陷,你有更好的办法么?屏幕显示器小的,先凑合着看,初入前端,不懂的地方还很多,还望多多帮助

hugeannex 2014-08-21 18:59:51 3F

哥,可是没滚到位啊,最后应该滚到位。。。

波克比 2014-08-21 18:52:55 2F

网上搜的高清壁纸,滚得慢是让你们慢慢欣赏,卡卡更健康了,呵呵

hugeannex 2014-08-21 18:46:00 1F

   原理是对了,可后面的MM滚得太慢,滚到一半还卡在那的。。。要滚到位啊。。。