全屏滚动的原理是什么?用到了CSS的那些属性?

html-css05

全屏滚动的原理是什么?用到了CSS的那些属性?,第1张

是一个屏幕的距离,利用css的高度百分比实现这个效果,因为设定百分比的值是需要更具父元素设置的所以需要给html,body都设置为高度百分百,然后一层一层的设置,用js控制鼠标滚轮事件。

body{

height: 100%

overflow: hidden

background:url(../images/cloud_bg.jpg) no-repeat center bottom}

}

固定百分百高度,溢出隐藏,背景图居中。