Дергается фиксированный фон у блока в ie?

Question

[Дмитрий Мельник]

При скроле мышкой по скроллбару - все ок, чудеса начинаются при скролле колесиком. Картинка, заданная фиксированным фоном с "cover" или у фиксированного блока, просто с "cover" или без него, все одно.
Может, кто сталкивался?
В Html теге фона нету.
В общем, решение очевидно (первый вариант):

My final fix is based on all the answers I've found:

On the main css (totally fixes the problem on ie10 & 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]-->

второй мне нравится больше:

if(navigator.userAgent.match(/Trident\/7\./)) { // if IE
	$('html').on("mousewheel", function () {
		// remove default behavior
		event.preventDefault();
		//scroll without smoothing
		var wheelDelta = event.wheelDelta;
		var currentScrollPosition = window.pageYOffset;
		window.scrollTo(0, currentScrollPosition - wheelDelta);
	});
}

Answer 1

[Дмитрий Мельник]

Не знаю, почему, но работает. Хотелось бы, что-бы кто-нибудь объяснил

My final fix is based on all the answers I've found:

On the main css (totally fixes the problem on ie10 & 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]-->

Answer 2

[Waliant]

Может вам этот урок поможет: https://www.youtube.com/watch?v=6zzqUo1xHj4&index=...

Comments

[Дмитрий Мельник]

К сожалению, нет