スクロール中にパディングを増やすためにok divを作成しようとしていますが、スクロールを止めると元のパディングに戻ります。私はしかし、スクロールを動作させることはできません。本文スクロールでCSSとクラスを切り替える
FID:あなたを助けるスニペット以下https://jsfiddle.net/f8an2fvd/
$(function(){
$('body').on('scroll', function (e){
$('.ok').toggleClass('nah');
});
});
.ok{
background:black;
width:100vw;
height:200vh;
position:relative;
padding:50px;
}
.inner{
width:100%;
height:100%;
background:blue;
}
.nah{
padding:100px !important;
}
*{
box-sizing:border-box;
margin:0;
padding:0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="ok">
<div class="inner"></div>
</div>