jQuery页面上下滚动触发区块动画

1、新建html文档。

3、书写css代码。body, html { font-size: 100%; padding: 0; 罪焐芡拂margin: 0;}*,*:after,*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.clearfix:before,.clearfix:after { content: " "; display: table;}.clearfix:after { clear: both;}body{ background: #494A5F; color: #D5D6E2; font-weight: 500; font-size: 1.05em; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;}a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}a:hover,a:focus{color:#74777b;text-decoration: none;}.htmleaf-container{ margin: 0 auto;}

5、代码整体结构。