html - 如何默认隐藏滚动条

Question

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

Answer 1

设置溢出：隐藏；在身体标签上：

<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>

第二个问题：
试试这个..

小提琴

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

Answer 2

CSS样式：

body{
overflow:hidden;
}

和 javascript：

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