默认情况下，我如何隐藏滚动条

我正在使用以下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

默认情况下，我如何隐藏滚动条

回答

相关问题