html5内容溢出滚动,在溢出内滚动内容:隐藏div

Josh Crozier..

5

例如的jsfiddle ...和另一个例子使用overflow:hidden，(滚动条隐藏)。

(单击父元素以在示例中滚动...)

显然，如果没有该插件，可能会创建类似的东西，但是如果您想要实际的滚动功能，我认为仅使用它便是最简单的。

jQuery的

var clicks = 300;

$('#parent').click(function(){

$('#parent').scrollTo(clicks);

clicks += 300;

if(clicks>1200){

clicks=0;

}

});

的HTML

1

2

3

4

5

的CSS

#parent {

width:200px;

height:300px;

overflow-x:hidden;

overflow-y:auto;

background:yellow;

}

#parent:hover {

cursor:pointer;

}

.child {

width:200px;

height:300px;

font-size:100px;

text-align:center;

line-height:300px;

color:white;

}