# Horizontal scrolling triggers on click

**URL:** <https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914>\
**Category:** Need help\
**Created:** [June 6, 2022, 11:56am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914 "2022-06-06T11:56:03Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![fbnc.vntrs](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fbnc.vntrs](https://forum.bubble.io/u/fbnc.vntrs)\
**Post date:** [June 6, 2022, 11:56am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/1 "2022-06-06T11:56:03Z")

</div>

Hello everyone,

I’m trying to reproduce the same tags navigation as the YouTube page (screenshot below), where there are buttons to scroll left and right.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/8/e/8ed8c7122516010d56db2ec069fb51b4d5b46ec2.png)

I managed to reproduce the effect, the only problem I have is that when the page is loaded, I need to click twice on the trigger to make it scroll, but after that, it works on the first click. Anyone knows why I have this effect?

[Here’s a link to the page](https://c89965.bubbleapps.io/version-test?debug_mode=true)  
[Here’s a link to the editor](https://bubble.io/page?type=page&name=scrolltriggers&id=c89965&tab=tabs-1)

Also, is it possible to hide the right trigger when the last item is visible, and hide the left trigger when the first item is visible?

Thank you all for your help.

---

<div class="post-metadata">

**Author:** ![fbnc.vntrs](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fbnc.vntrs](https://forum.bubble.io/u/fbnc.vntrs)\
**Post date:** [June 7, 2022, 1:24pm UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/2 "2022-06-07T13:24:29Z")

</div>

Anyone?

---

<div class="post-metadata">

**Author:** ![samsonlcl](https://avatars.discourse-cdn.com/v4/letter/s/bc8723/32.png) [@samsonlcl](https://forum.bubble.io/u/samsonlcl)\
**Post date:** [June 13, 2022, 7:36am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/3 "2022-06-13T07:36:57Z")

</div>

Hi, @fbnc.vntrs

I think you can set the state of the item and assign yes/no according to the condition you want to make the element visible or not visible like below.

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/c/2/c23d27f81743c9daba31679c5c48dfb1fae031d7.png)

 ![image](https://us1.discourse-cdn.com/bubble/original/3X/0/e/0ef8dee8102f961fcf137c665e17468ef7108876.png)

Hope this help!  
Samson @ [Plugin Developer](https://openprojecthq.com/profile/samsonlee)

---

<div class="post-metadata">

**Author:** ![fbnc.vntrs](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fbnc.vntrs](https://forum.bubble.io/u/fbnc.vntrs)\
**Post date:** [June 13, 2022, 9:21am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/4 "2022-06-13T09:21:44Z")

</div>

Thank you

---

<div class="post-metadata">

**Author:** ![ceazar](https://avatars.discourse-cdn.com/v4/letter/c/50afbb/32.png) [@ceazar](https://forum.bubble.io/u/ceazar)\
**Post date:** [June 23, 2022, 5:11am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/5 "2022-06-23T05:11:46Z")

</div>

Hey mate, glad you posted this as i was facing the same issue. Did you manage to fix the issue with having to click 2ice before it worked smoothly? Cheers

---

<div class="post-metadata">

**Author:** ![fbnc.vntrs](https://avatars.discourse-cdn.com/v4/letter/f/c0e974/32.png) [@fbnc.vntrs](https://forum.bubble.io/u/fbnc.vntrs)\
**Post date:** [June 23, 2022, 7:19pm UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/6 "2022-06-23T19:19:22Z")

</div>

Hello @ceazar, no unfortunately haven’t found a solution to this.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [August 15, 2022, 11:56am UTC](https://forum.bubble.io/t/horizontal-scrolling-triggers-on-click/209914/7 "2022-08-15T11:56:21Z")

</div>

Closed on August 15, 2022, 11:56am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
