如何默认隐藏滚动条

时间:2013-09-05 11:14:03

标签: html css

当窗口重新调整大小时,我使用以下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%;
    }

2 个答案:

答案 0 :(得分:2)

设置溢出:隐藏;在身体标签上:

<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');
}
})

答案 1 :(得分:0)

css风格:

body{
overflow:hidden;
}

和javascript:

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