So now that you see the example my question is… How do I add an image, and put it at the border of the page and make it appear from the outside of the page with an interaction but without it showing a scroll bar on the website. My problem is that in my website when trying to create an interaction to move from outside to the inside of the page, it shows a slider in the website like this:
I just want to do the same as in the webflow website. So that the image goes from out of the page into it, but without it creating a scroll bar.
Use overflow: hidden on a parent div or section that contains content that moves beyond the page boundary and the scroll bars will not appear. You can set a wrapper for your entire page to handle all overflow content if needed or address it by section or element.
I added a class to the column and selected overflow: hidden, just as you suggested.
However the interaction that I created is set to move the picture from the right to the left and appear in the page. The interaction is triggered with scroll. However when the page loads and before I scroll to that part of the website there is still the scroll bar because the picture is moved to the outer part of the website. What am I doing wrong?? thanks!!
How can I align the other the other column to the body margin??? I found that the rows in my website that have this effect (image coming in from the outside of the page) are not aligned to the rest of the containers of the website layout. How do I do this??