Horizontal scrollbar with animation


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)

Than let’s take a view:

When not scrolled down to the sector with the columns:

After the animation:

The right column creates the scrollbar

Environment info

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

Tested wit Browsers: Chrome, Brave, Firefox

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


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

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

You’re welcome.

Yes. Either way works. :wink:

1 Like