Image with negative right, makes unwanted horizontal scroll

Ask a question
1

I need to hide an image to the right with a right positioning of -100%. When i apply the negative right, the image go all the way to the right and create a blank horizontal space where the image is visible. When i do the same thing on the left side image, the image is hidden correctly.

I need to hide the image with a transition from right 0 to right -100% without creating horizontal scroll in the page.

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;

}

.image-left {
  width: 75%;
  weight: 100%;
  position: absolute;
  top:0;
  left:-100%;
}

.image-right {
    width: 76%;
    height: 100%;
    position: absolute;
    top:0;
    right:-100%;
}
<img class="image-left" src="DISRUPTHINK-LOGO-PROCESO-021800.png" alt="">


<img class="image-right" src="DISRUPTHINK-LOGO-PROCESO-03-1800.png" alt="">

Im using scroll magic to open an image when scrolling, hidding the left part with negative left, and the right with negative right but i need the negative part hidden without the page scrolling horizontal to the right.

offer bounty
add comment

0 Answer

Your Answer