# Scroll with page from certain point

**URL:** <https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330>\
**Category:** Ask the community\
**Tags:** question, code\
**Created:** [June 14, 2021, 10:28pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330 "2021-06-14T22:28:20Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ogitanoboru](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/ogitanoboru/32/21872_2.png) [@ogitanoboru](https://forum.wixstudio.com/u/ogitanoboru)\
**Post date:** [June 14, 2021, 10:28pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/1 "2021-06-14T22:28:20Z")

</div>

I’m making a tour agency website right now and I want to have detail box and the right side that scrolls with the page once you scroll past a certain point.

Here is an example: [https://tabinaka.co.jp/tour/7165](https://tabinaka.co.jp/tour/7165)  
The price/calendar box starts stationary but once you scroll past it, it moves with the screen.

I tried pinning it but that just pins it on the screen on the same spot constantly.  
I was wondering if I can code a ‘range’ for the scrolling with page

Thanks

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [June 15, 2021, 9:41am UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/2 "2021-06-15T09:41:52Z")

</div>

I think this won’t be possible to solve it, like you want, because you can’t pin or unpin elements by code.

Perhaps a good option for the velo-wishlist…  
[https://www.wix.com/velo/wishlist](https://www.wix.com/velo/wishlist)

But what you can do is to hide or unhide the pinned element on your screen when passing a certain scroll-point.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [June 15, 2021, 1:18pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/3 "2021-06-15T13:18:37Z")

</div>

Some additional informations can surely be found here…  
[https://www.wix.com/velo/forum/coding-with-velo/scrollto](https://www.wix.com/velo/forum/coding-with-velo/scrollto)

---

<div class="post-metadata">

**Author:** ![ogitanoboru](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/ogitanoboru/32/21872_2.png) [@ogitanoboru](https://forum.wixstudio.com/u/ogitanoboru)\
**Post date:** [June 16, 2021, 8:04pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/4 "2021-06-16T20:04:47Z")

</div>

@russian-dima Thanks for your input.  
Is there any other method to this other than pinning it?  
If so that might solve my problem, I’m don’t necessarily have to use the pinning feature.

Thanks again

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [June 16, 2021, 8:15pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/5 "2021-06-16T20:15:51Z")

</div>

@ogitanoboru  
Perhaps you could try to generate a workaround with wix-animation.

---

<div class="post-metadata">

**Author:** ![mvveiga](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/mvveiga/32/122599_2.png) [@mvveiga](https://forum.wixstudio.com/u/mvveiga)\
**Post date:** [June 17, 2021, 2:15am UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/6 "2021-06-17T02:15:58Z")

</div>

This is a css property “position: sticky”. You can create a Custom element using a div.  
Wix should have a custom property to each element where we can set some property or wix should create elements with the standard HTML definition. But wix still cutting browser resources from their elements.

---

<div class="post-metadata">

**Author:** ![robertpokorny](https://avatars.discourse-cdn.com/v4/letter/r/90db22/32.png) [@robertpokorny](https://forum.wixstudio.com/u/robertpokorny)\
**Post date:** [October 19, 2021, 7:53pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/7 "2021-10-19T19:53:04Z")

</div>

@ogitanoboru I am also looking to do the same with an element. The ‘position:sticky’ seems only available ini Editor X, not with Velo. I searched the feature requests and came across this close match - please add your vote to it! [https://www.wix.com/velo/requested-feature/make-an-element-sticky-using-w-element-freeze-api](https://www.wix.com/velo/requested-feature/make-an-element-sticky-using-w-element-freeze-api)

---

<div class="post-metadata">

**Author:** ![info-socialgadget](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/info-socialgadget/32/31750_2.png) [@info-socialgadget](https://forum.wixstudio.com/u/info-socialgadget)\
**Post date:** [January 24, 2022, 12:44pm UTC](https://forum.wixstudio.com/t/scroll-with-page-from-certain-point/40330/8 "2022-01-24T12:44:12Z")

</div>

hi @robert.pokorny, can you help me with this issue on editorx?
