Horizontal scrollbar with animation

General
1

Description:

Horizontal scrollbar appears when I use an animation on a column on scroll.
Before animation the horizontal scrollbar is visible.
After animation the scrollbar disappears.

Step-by-step reproduction instructions:

Please write the steps needed to reproduce the bug.

  1. Open the Post Editor/Site Editor
  2. Create several section so you have to scroll down
  3. On a lower section create a columns with 2 columns (1 row)
  4. put some stuff in both columns
  5. Add scroll animations:

I want the left column to apear from bottom left (use puff in T. right)
And I want the right column to appear from bottom right (use puff in T. left)

image
image1405Ă—600 103 KB

Than let’s take a view:

When not scrolled down to the sector with the columns:

image
image1078Ă—668 140 KB

After the animation:

image
image737Ă—651 9.11 KB

The right column creates the scrollbar

Environment info

  • WordPress version: 6.1.1
  • Gutenberg Plugin version: -
  • Cwicly Plugin version: 1.2.9.4.9
  • Cwicly Theme version: 1.0.3

Tested wit Browsers: Chrome, Brave, Firefox

2

You need to set overflow:hidden for those section where you have animate from the right.

2 Likes
3

Hi @Lijn-B,

Sorry to hear you’re having trouble with this.

Thank you @jornes!
Indeed, by setting the section’s overflow to hidden you should avoid your issue.

Moving this to general as it isn’t a bug but normal CSS behaviour, which we prefer for the user to decide upon.

1 Like
4

Thank you Jornes!!
I put it on the columns… overflow:hidden, not on the complete section.
This works fine!!

5

You’re welcome.

Yes. Either way works. :wink:

1 Like