默認情況下，我如何隱藏滾動條

我正在使用以下CSS在窗口重新調整大小時提供滾動條。我有兩個問題。一個是垂直滾動條默認是可見的。我希望它只在窗口重新調整大小時顯示。我嘗試過不同的高度，但沒有去。第二個問題是當窗口大小變大時，滾動後查看的div部分的背景顏色不適用。我如何解決這些問題？這是我的CSS和div默認情況下，我如何隱藏滾動條

<div class = "gridclass" id="grid1" jsid="grid1" dojoType="dojox.grid.EnhancedGrid" 
      query="{ name: '*' }"data-dojo-props="plugins:{ pagination:{pageSizes: ['10', '25', '50', '100'], 
      description: true, sizeSwitch: true, pageStepper: true, gotoButton: true, position: 'bottom', maxPageStep: 7}}, rowsPerPage:10"></div> 
    </div> 

    #grid1{ 
     overflow-x:auto; 
     overflow-y:auto; 
     height:60%; 
     width: 106.5%; 
    }

來源

2013-09-05 JavaBeginner

設置溢出：隱藏;對身體標記：

<style type="text/css"> 
body 
{ 
overflow:hidden; 
} 
</style>

要隱藏只有垂直滾動條，使用overflow-y:
要隱藏只有橫向滾動條，使用overflow-x:

<style type="text/css"> 
body 
{ 
overflow-y:hidden; or overflow-x:hidden 
} 
</style>

問題二：
試試這個..

Fiddle

$(window).scroll(function(){ 
if($(window).scrollTop()<800){ 
$('#fixed').css('background-color','Yellow'); 
}else{ 
$('#fixed').css('background-color','White'); 
} 
})

來源

2013-09-05 11:15:29 coolprarun

沒有工作coolprarun – JavaBeginner

那我的第二個問題？ – JavaBeginner

你使用重置CSS？也許body標籤被重寫，@JavaBeginner？ – periback2

CSS樣式：

body{ 
overflow:hidden; 
}

和javascript：

$(window).resize(function() { 
    $('body').css({'overflow':'auto'}); 
});

來源

2013-09-05 11:21:41

背景顏色問題？ – JavaBeginner

默認情況下，我如何隱藏滾動條

回答

相關問題