如何创建css3滚动页面

html-css013

如何创建css3滚动页面,第1张

用CSS可以实现效果。代码如下：

1

2

3

html{height:100%}

body{height:100%overflow:hidden}//overflow:hidden为隐藏滚动条

body{overflow:scroll}//如果内容高度大于屏幕就会显示滚动条

HTML5 是下一代的 HTML。

像这种需求你可以用js或者jQuery编写。

如果不想使用js或者jquery，那么用css的过渡属性代码如下：

鼠标滑入，出现效果

transition: right  .7s easeright为过渡的属性，可以是宽高，top/lelft/right/bottom/opacity等等。只要记住transition不能过渡display就行。.7s 为过渡所需要的时间，ease为过渡的样式，是匀速过渡还是先快后慢等等。

如果没有鼠标事件，那么就需要用到css3的动画，animation。css3的动画详情卡查看