STUDY
2017.08.02 11:11

ie10 ie11 edge background fixed bug jiggle.

fixed한 배경이 익스에서 덜덜떨릴때



//ie fixed body fixed background

$('body').on("mousewheel", function () {

  event.preventDefault();


  var wheelDelta = event.wheelDelta;


  var currentScrollPosition = window.pageYOffset;

  window.scrollTo(0, currentScrollPosition - wheelDelta);

});


or


/*Edge*/
@supports ( -ms-accelerator:true ) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
/*Ie 10/11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}

For ie9, ie8 and ie7 I've added the code (without media query) in a separate hacksheet:

<!--[if lte IE 9]>
    <style type=text/css>
       html{
           overflow: hidden;
           height: 100%;    
       }
       body{
           overflow: auto;
           height: 100%;
       }
    </style>
<![endif]-->


저작자표시비영리변경금지

0

POST COMMENT