横向局部滚动

html,body {width: 100%;}body {background: url(../images/test-bg.jpg) no-repeat;}#container {position: absolute;bottom: 20%;width: 100%;overflow: auto;}#title {position: absolute;top: 10%;left: 8%;}#scroll {position: absolute;height: 200px;width: 3200px;background: rgba(0, 0, 0, .2);}.article {display: block;height: 200px;width: 800px;box-sizing: border-box;padding-right: 30px;float: left;}.article img {margin-right: 20px;float: left;}
The Scroll Effect
pic1
pic2
pic3
pic4
<
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k
Duis volutpat
das l;lasd ljl dlasj la ljl dasdl k
Fusce interdum
das l;lasd ljl dlasj la ljl dasdl k