当窗口重新调整大小时,我使用以下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%;
}
答案 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>
第二个问题:
试试这个..
$(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'});
});