Абсолютно позиционированный элемент добавляет огромные пробелы

Question

Я работаю над сайтом: https://debifit.de и на Chrome, FF и Edge все в порядке.

Но в IE11 это добавляет огромный пробел внизу и - если вы удалите переполнение: скрытое от тега body - также справа.

После нескольких часов исследований я обнаружил, что причиной этих проблем является div # stickysmartphone, пока он имеет положение: абсолютный. Когда ScrollMagic.js устанавливает его как фиксированный, пробелы исчезают. Он также расположен вправо больше, чем в других браузерах.

#stickysmartphone {
  position: absolute;
  right: 20%;
  top: 25em;
  bottom: 10px;
}

Пожалуйста, помогите мне решить эти две проблемы, поскольку эта анимация необходима для UX.

Спасибо.

Answer 1

Я понял: установка overflow: hidden на встроенном элементе svg решила проблему.Но я нахожу очень странным, что установка position:fixed на содержащем div изменила это.Полагаю, это магия IE11.