# Sticky Scroll effect (ID: 408911)

**URL:** <https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792>\
**Category:** Website Builder\
**Tags:** cms\_presets\
**Created:** [December 19, 2023, 9:10pm UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792 "2023-12-19T21:10:40Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rigveda\_Timorason1](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@Rigveda\_Timorason1](https://community.sitejet.io/u/Rigveda_Timorason1)\
**Post date:** [December 19, 2023, 9:10pm UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/1 "2023-12-19T21:10:40Z")

</div>

How to make a sticky scroll effect. I made container sticky and it should stay sticky for a while until the content runs out and then the container should scroll again

This is the preview link:

> **[Promptgorillas - AI Marketing training](http://202283-63d4f.preview.nomadsoffice.nl/)**
>
> Promptgorillas

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [December 20, 2023, 11:30am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/2 "2023-12-20T11:30:32Z")

</div>

Hey @Rigveda_Timorason1 - which container exactly would you like to make sticky? And when shall the sticky stop?

Maybe our new preset can help you with this?

 ![grafik](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/6/65589fdfd045b526e24198c5b5ef746d260bdf55.png)

---

<div class="post-metadata">

**Author:** ![Rigveda\_Timorason1](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@Rigveda\_Timorason1](https://community.sitejet.io/u/Rigveda_Timorason1)\
**Post date:** [December 20, 2023, 11:59am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/3 "2023-12-20T11:59:27Z")

</div>

Thank you for the reply.  
Is great preset. But it doesn’t do what I want.

I created a sort of stack effect by making the container sticky. And at the last container it should scroll further. I have uploaded an image with which part I mean

 ![Scherm­afbeelding 2023-12-20 om 12.57.33](https://europe1.discourse-cdn.com/flex017/uploads/sitejet/original/2X/0/0686ac859d47bc86e3584dcae5856a458ac2e1c1.jpeg)

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [December 20, 2023, 2:44pm UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/4 "2023-12-20T14:44:28Z")

</div>

Oh wow! That is a fantastic idea! Wow. I really like that one! 😍 😍 😍

Have you tried to put them all in one container and set the overflow to visible? And the main container set positioned default?

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 20, 2024, 9:09am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/5 "2024-08-20T09:09:09Z")

</div>



---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [March 5, 2026, 8:10am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/6 "2026-03-05T08:10:26Z")

</div>



---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [March 5, 2026, 8:10am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/7 "2026-03-05T08:10:59Z")

</div>

Hey @Rigveda_Timorason1 I am super happy to tell you that we literally took this idea and implemented it in Sitejet now ❤

> [@2 New Website Sections](https://community.sitejet.io/t/2-new-website-sections/5576):
>
> large_blue_diamond Hey Sitejetters, did you see the two new website sections that are now available in the website builder? eyes 1. Stacked Boxes package As the name is already suggesting, you get a website section where the boxes stack on top of each other on scroll. You can add more boxes, adjust the design of the boxes and choose between different animation options. You find the new website section in the “Features" category. Important: If you nest “Stac…

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [March 5, 2026, 8:11am UTC](https://community.sitejet.io/t/sticky-scroll-effect-id-408911/2792/8 "2026-03-05T08:11:04Z")

</div>


