如何避免由绝对定位div引起的水平滚动

Question

我正在使用animate.css向wesite添加一些动画。

“fadeInLeft / Right”或“bounceInLeft / Right”等动画会使出现水平滚动。这很容易解决，向父母添加overflow-x：hidden。

但现在我有一个绝对定位按钮，放置在两个父母div的中间。父div有溢出-x：隐藏但它似乎不影响按钮，因为位置：绝对。

如何在设置动画按钮时避免显示水平条？

这是网站http://themescreators.com/demos/cuora/按钮是介绍滑块下方和页脚上方的圆形白色浮动按钮。

Answer 1

尝试溢出隐藏：

body {
      overflow-x: hidden;
    }
    .hidden-thing {
      position: absolute;
      left: 100%;
      width: 50px;
      height: 50px;
      opacity: 0;
    }

检查此资源： https://css-tricks.com/findingfixing-unintended-body-overflow/