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

Question

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

"fadeInLeft/Right" 或 "bounceInLeft/Right" 等一些动画使水平滚动出现。这很容易修复，添加 overflow-x:hidden 到 parents.

但现在我有一个绝对定位的按钮，放置在两个 parents divs 的中间。 parent div 有 overflow-x:hidden 但它似乎不影响按钮，因为 position:absolute.

如何避免按钮动画时出现水平条？

这是网站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/

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

how to avoid horizontal scroll caused by absolute positioned div

html

css

position

scrollbar