[分享]css3实现div滚动

CSS3可以很方便地实现DIV的滚动效果，通过利用CSS3中的新特性，我们能够轻松地创建出各种炫酷的DIV滚动效果。

<!-- 水平滚动 -->
.horizontal-scroll {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

<!-- 垂直滚动 -->
.vertical-scroll {
    height: 300px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
} 

以上代码示例中，我们使用了CSS3中的一些新特性：

1. overflow-x：用于控制DIV元素内部的水平滚动。

2. white-space: nowrap：用于使元素内部的内容不换行，从而实现水平滚动。

3. overflow-y：用于控制DIV元素内部的垂直滚动。

4. -webkit-overflow-scrolling：用于开启移动端设备的流畅滚动，使滚动更流畅。

通过以上的CSS3代码，我们能够轻松地实现DIV元素的水平或垂直滚动效果，为网站增添更多的动态效果。