Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
ericnguyen23

Images Sliding in From Right side of Browser Causing Excess White Space

Recommended Posts

I'm attempting to animate images from outside viewport/browser in (sort of like an image carousel), but it creates extra space to the right. Anyone know how to animate similarly w/o that space? I tried overflow-x: hidden but that didn't do anything. thanks!

 

 

See the Pen ydNgmR?editors=0110 by ericnguyen23 (@ericnguyen23) on CodePen

Link to comment
Share on other sites

Remove the margin on the body

 

in css add

body{margin:0}

 

  • Like 1
Link to comment
Share on other sites

3 minutes ago, Visual-Q said:

Remove the margin on the body

 


in css add

body{margin:0}

 

 

Thanks but that didn't work.

Link to comment
Share on other sites

hmm, I'm interacting w/ yours and still can scroll right. 

Link to comment
Share on other sites

Sorry I misread I thought you were talking only about the white edge on the left I updated to take care of both issues.

 

body{margin:0;
overflow-x: hidden}

 

  • Like 3
Link to comment
Share on other sites

1 minute ago, Visual-Q said:

Sorry I misread I thought you were talking about the white edge on the left I updated to take care of both issues.

 

Oh sweet, thanks. I had the overflow-x but within the containing div and not body.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×