Bootstrap 右侧为白色

kx7yvsdv  于 2022-12-08  发布在  Bootstrap
关注(0)|答案(2)|浏览(129)

I have the screen which is white on the side, I scroll to the right and there is a white screen which appears I would like to know how to remove it. I don't understand where in the code there is the problem
https://jsfiddle.net/y3j01hbt/
here is the whole code, you can see I can scroll right and there is a white screen. How can I remove this white screen? I can't understand where the error is, maybe from the aos library or I don't know, I tried a lot of things but I can't understand what it is

nimxete2

nimxete21#

您可以通过在html/body上将overflow-x属性设置为hidden来关闭水平滚动。

html, body {
  overflow-x: hidden;
  width: 100%;
}

编辑

水平滚动是由AOS样式/脚本引起的。当你用data-aos="fade"替换所有data-aos="fade-left"data-aos="fade-right"的示例时,你会发现问题已经消失。当你使用左/右AOS动画时,你需要使用溢出隐藏。

7fhtutme

7fhtutme2#

该问题是由“备用”部分下的向左淡出动画引起的(滚动条进入屏幕时消失)。
这很可能是由于aos库中的错误。
如果使用另一个版本不能解决你的问题,你可以通过overflow:hidden在父容器中添加一个快速的补丁。
我添加了以下代码到你的小提琴修复它:

#scrollspyHeading6{
  overflow:hidden;
}

New Fiddle

相关问题