IE 10 и 11 заставляют фиксированный фон подпрыгивать при прокрутке колесиком мыши

«То есть проблема - изображение прыгает вверх и вниз», когда вы прокручиваете страницу вверх и вниз с помощью колесика мыши. Следующий код решит эту проблему IE.

html { 
    переполнение: скрыто; 
    высота: 100%;    
} 
body { 
    overflow: auto; 
    высота: 100%; 
}

ИЛИ

Эта проблема возникает, когда в IE включена «Использовать плавную прокрутку» . Когда вы отключите его, ваша проблема решится. Зайдите в свой интернет-браузер IE -> Дополнительно

Мы не можем сказать пользователю, что нужно перейти к настройке параметров Интернета и отключить параметр «Использовать плавную прокрутку». Чтобы решить эту проблему, мы можем отключить эту опцию, используя код JS.
Добавьте следующий код js в самом низу веб-страницы (над закрывающим тегом body).

if (navigator.userAgent.match (/ Trident \ / 7 \ ./)) { 
  document.body.addEventListener ("mousewheel", function () { 
    event.preventDefault (); 
    var wd = event.wheelDelta; 
    var csp = window .pageYOffset; 
    window.scrollTo (0, csp - wd); 
  }); 
}

Примечание: добавьте код Javascript в самый низ вашей страницы. Над закрывающим тегом тела. Иногда это не будет работать, если вы добавите свой js-код в раздел заголовка веб-страницы.

Источник

или на jQuery:

// Убрать рывки параллакса в IE для колёсика мыши и на трекпадах
  if(navigator.userAgent.match(/Trident\/7\./)) {
      $('body').on("mousewheel", function () {
          event.preventDefault();

          var wheelDelta = event.wheelDelta;

          var currentScrollPosition = window.pageYOffset;
          window.scrollTo(0, currentScrollPosition - wheelDelta);
      });