0

ウィンドウのサイズが変更されたときにスクロールバーを提供するために、次の CSS を使用しています。2 つの問題があります。1 つは、垂直スクロール バーがデフォルトで表示されることです。ウィンドウのサイズを変更した場合にのみ表示したい。いろいろな高さで試してみましたが、うまくいきませんでした。2 つ目の問題は、ウィンドウのサイズを変更すると、スクロール後に表示される 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%;
    }
4

2 に答える 2

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>

2番目の問題：
これを試してください..

フィドル

$(window).scroll(function(){
if($(window).scrollTop()<800){
$('#fixed').css('background-color','Yellow');
}else{
$('#fixed').css('background-color','White');
}
})
于 2013-09-05T11:15:29.180 に答える
0

CSS スタイル:

body{
overflow:hidden;
}

およびJavaScript：

$(window).resize(function() {
    $('body').css({'overflow':'auto'});
});
于 2013-09-05T11:21:41.663 に答える