2013-12-11 102 views
2

我想在一個可滾動的div裏面放一個大表,它本身就在一個字段集內。 這裏像這樣 http://live.datatables.net/exejuy/2/edit 它只在IE中正常工作的問題。 Chrome,Opera和Firefox都不允許我滾動 任何人都知道爲什麼以及如何解決它?H-Scroll div fieldset內

+0

你需要給滾動div一個寬度和高度,以便它知道它應該滾動的時間 - 您可能還想要更改溢出:滾動到自動,以便滾動條僅在超出寬度/高度時出現 – Pete

+0

@Pete感謝您的評論。 但那是事 - 我無法在px中設置寬度 - 僅在%中,而在px中沒有寬度,此代碼無法正常工作 –

回答

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

如果你想流體視圖時調整大小ü也可以使用此代碼

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

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

哇,謝謝! 我不得不改變它一點,因爲在我的情況下,這個字段集是在另一個dev(完全縮放)內部,所以不是我使用這個dev的寬度的窗口寬度,現在它完美了! –