我在http://codepen.io/liang179/pen/WQvERK上有一个HTML页面,其中包含与大型数据列表相关联的标记.它在chrome中显示有溢出.屏幕上还有数据.但是在带有滚动条的firefox中它很好.我可以做些什么来使用滚动条在chrome中显示它,就像在firefox中一样.下面是代码.
$('#trigger').click(function(){
$class = "animated infinite " + $('#type').val();
$('#target').removeClass().addClass($class);
});<div style="text-align: center;">
<div id='target' style="margin: 200px auto; width: 200px; height:200px; background-color:#663399"></div>
<div>
<input id="type" list="classes">
<datalist id="classes">
<option value="bounce">
<option value="flash">
<option value="pulse">
<option value="rubberBand">
<option value="shake">
<option value="swing">
<option value="tada">
<option value="wobble">
<option value="jello">
<option value="bounceIn">
<option value="bounceInDown">
<option value="bounceInLeft">
<option value="bounceInRight">
<option value="bounceInUp">
<option value="bounceOut">
<option value="bounceOutDown">
<option value="bounceOutLeft">
<option value="bounceOutRight">
<option value="bounceOutUp">
<option value="fadeIn">
<option value="fadeInDown">
<option value="fadeInDownBig">
<option value="fadeInLeft">
<option value="fadeInLeftBig">
<option …