Question 37281 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

white screen in right – Jquery

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

Tags:

2

Answers


  1. 0

    You can turn off horizontal scrolling by setting the overflow-x property to hidden on your html/body.

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

    EDIT

    The horizontal scrolling you experience comes from your AOS styling/script. When you replace all instances of data-aos="fade-left" and data-aos="fade-right" with data-aos="fade", you will see your problem has disappeared. You will need to use overflow hidden when using the left/right AOS animations.

    Login or Signup to reply.
  2. 0

    The Problem is caused by the fade-left-aos-animation under section "À PROPOS" (scrollbar dissapears when it enters the screen).

    This is most likely due to a bug in the aos-library.

    If using another Version doesn’t solve your problem you can just add a quick and dirty fix to the parent-container via overflow:hidden.

    I added the following Code to your fiddle to fix it:

    #scrollspyHeading6{
  overflow:hidden;
}

    New Fiddle

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search