绝对定位元素会增加巨大的空白

Question

我正在使用https://debifit.de网站，并且在Chrome，FF和Edge上一切正常。

但是在IE11中，它在底部添加了巨大的空白，并且-如果您删除了body标签中隐藏的overflow：hid-也在右侧。

经过数小时的研究，我发现导致这些问题的元素是div＃stickysmartphone，只要它的位置是：绝对。当ScrollMagic.js将其设置为fixed时，空白消失。 与其他浏览器相比，它的定位也更靠右。

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

请帮助我解决这两个问题，因为此动画对于UX是必不可少的。

谢谢。

Answer 1

我发现了这一点：在嵌入式svg元素上设置overflow: hidden解决了该问题。但是我发现在包含div上设置position:fixed改变了这一点很奇怪。我猜这就是IE11的魔力。