html - 字段集中的 H-Scroll div

Question

我想将一个大表格放在一个可滚动的 div 中，它本身位于一个字段集中。像这儿 http://live.datatables.net/exejuy/2/edit它只能在 IE 中正常工作的问题。 Chrome、Opera 和 Firefox 都不允许我滚动任何人都知道为什么以及如何解决它？

Answer 1

您可以使用这种类型的 jquery 和 Css 代码。并将其添加到您的滚动 div

<script type="text/javascript">
$(document).ready(function() {
 var bodyWidth = $(window).width();
 $('.scrolldiv').css('width',bodyWidth);
});
</script>

CSS

.scrolldiv{
    overflow:scroll;
}

可以看到 jsfiddle

如果你想在调整大小时使用流畅的 View ，你也可以使用此代码

 $(document).ready(function() {
getwidth();
});

$(window).resize(function() {
getwidth();
});
function getwidth()
{
 var bodyWidth = $(window).width();
 $('.scrolldiv').css('width',bodyWidth);    
}