# Work flow for horizontal scroll elements?

**URL:** <https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891>\
**Category:** Animations\
**Created:** [November 8, 2022, 12:53am UTC](https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891 "2022-11-08T00:53:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kriston\_Chen](https://avatars.discourse-cdn.com/v4/letter/k/a587f6/32.png) [@Kriston\_Chen](https://forum.readymag.com/u/Kriston_Chen)\
**Post date:** [November 8, 2022, 12:53am UTC](https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891/1 "2022-11-08T00:53:21Z")

</div>

Does anyone have any suggestions how to better work on horizontal scroll elements without having to blindly configure/animate the objects from off the screen?

---

<div class="post-metadata">

**Author:** ![WorthAgency](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/worthagency/32/629_2.png) [@WorthAgency](https://forum.readymag.com/u/WorthAgency)\
**Post date:** [November 8, 2022, 6:20am UTC](https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891/2 "2022-11-08T06:20:58Z")

</div>

The only working option is to animate elements on scroll outside the screen.

for example — [www.researchua.babynyar.org](http://www.researchua.babynyar.org)

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [November 8, 2022, 11:57am UTC](https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891/3 "2022-11-08T11:57:25Z")

</div>

actually there is another way of doing this.

But you cannot change the speed of the elements…  
But here is how to do:

- select an element (which is not “fixed”) and arrange it directly out of the borders of your page.

- go to animations and set up a scroll with a starting point for example: top: -50px.

- set the speed to exactly: 1.41

- add a “move” setting and set the amount back to 0px x 0px (readymag is automatically adding 10px on the “yaxis”.

- now, while holding the “shift” key, drag the element in a diagonal 45degree to the side.

This will result in a similiar straight horizontal scroll movement. this can be more easyily to maintain, as the element sits right next to the pageborders, and not somewhere you cannot reach anymore.

(caution: this is a quite hacky solution)

---

<div class="post-metadata">

**Author:** ![Kriston\_Chen](https://avatars.discourse-cdn.com/v4/letter/k/a587f6/32.png) [@Kriston\_Chen](https://forum.readymag.com/u/Kriston_Chen)\
**Post date:** [November 9, 2022, 2:47pm UTC](https://forum.readymag.com/t/work-flow-for-horizontal-scroll-elements/891/4 "2022-11-09T14:47:55Z")

</div>

Thanks @neueMeta — also Command and (-) seems to open up the screen enough to place elements a bit more visually. Not the smoothest, but still a decent workaround for horizontal layouts.