滚动效果
高压锅_1220
宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒!
心中有阳光,脚下有力量!
展开
-
视差滚动2
.description{ position: relative; } .description img{ position: absolute; z-index: -10; } #mask img{ left: 0; } #hat img{ right: 0; } #movie img{ left:原创 2017-08-30 22:57:25 · 192 阅读 · 0 评论 -
视差滚动1
* { margin: 0; padding: 0; } body { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; } .description { padding: 100px 20%; } h1 {原创 2017-08-30 22:56:32 · 201 阅读 · 0 评论 -
纵向局部滚动
html,body{ height: 100%; } body{ background: #06C url(../images/test-bg.jpg) no-repeat ; background-size: cover; margin: 0; padding: 0; color: #FFFFFF; font-family: '原创 2017-08-30 22:55:45 · 217 阅读 · 0 评论 -
横向局部滚动
html, body { width: 100%; } body { background: url(../images/test-bg.jpg) no-repeat; } #container { position: absolute; bottom: 20%; width: 100%; overflo原创 2017-08-30 22:55:02 · 321 阅读 · 0 评论 -
滚动监听
$(document).ready(function() { var chap1_y = $('#chap1').offset().top; var chap2_y = $('#chap2').offset().top; var chap3_y = $('#chap3').offset().top; var chap4_y = $('#chap4').offset(原创 2017-08-30 22:54:16 · 197 阅读 · 0 评论 -
滚动触发页面(长页面)
body{ background: url(../css/imgs/1.jpg) no-repeat 50% 0; font-family: 'helvetica Neue', sans-serif; color: #FFF; background-size: cover; } #slogan1,#slogan2,#slogan3{ posi原创 2017-08-30 22:53:33 · 731 阅读 · 0 评论