# How to make sectioned horizontal scroll? **URL:** \ **Category:** Uncategorized\ **Created:** [August 29, 2022, 10:14am UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612 "2022-08-29T10:14:50Z")\ **Posts on this page:** 7\ **Page:** 1
**Author:** ![Martyn\_Ma](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/martyn_ma/32/474_2.png) [@Martyn\_Ma](https://forum.readymag.com/u/Martyn_Ma)\ **Post date:** [August 29, 2022, 10:14am UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/1 "2022-08-29T10:14:50Z")
Hello guys, may I know how to make horizontal scroll a section but not on the entire page? I know fix positioning is the key but it will make the horizontal scroll appear on the entire page. Thanksss ---
**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\ **Post date:** [August 30, 2022, 3:28pm UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/2 "2022-08-30T15:28:02Z")
Hi @Martyn_Ma I would suggest creating the horizontal section as you had designed. Then I would create a rectangular element and overlay it on the horizontal section then add the other site elements over that rectangle? If this isn’t what you had in mind, do share a sketch/design and we can find a solution. ---
**Author:** ![Martyn\_Ma](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/martyn_ma/32/474_2.png) [@Martyn\_Ma](https://forum.readymag.com/u/Martyn_Ma)\ **Post date:** [August 30, 2022, 6:17pm UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/3 "2022-08-30T18:17:33Z")
Hi @Headless.Horse, thanks for the kind help. Here is a very rough mockup of the website. Thanks!! ![Untitled-1](https://us1.discourse-cdn.com/flex015/uploads/readymag/original/1X/13b0956b68c8a8985186aae6ab267cbef5334e9a.jpeg) ---
**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\ **Post date:** [September 1, 2022, 10:10am UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/4 "2022-09-01T10:10:18Z")
Hi Martyn, In this scenario you can still follow the tutorial as they have outlined, but then I would extend the page length and continue designing? ---
**Author:** ![Martyn\_Ma](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/martyn_ma/32/474_2.png) [@Martyn\_Ma](https://forum.readymag.com/u/Martyn_Ma)\ **Post date:** [September 1, 2022, 10:22am UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/5 "2022-09-01T10:22:55Z")
> > ![](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/45/144_2.png "HEADLESS.HORSE") | [HEADLESS.HORSE](https://forum.readymag.com/u/headless.horse) R/master > > September 1 | > > > > - | - | > > Hi Martyn, In this scenario you can still follow the tutorial as they have outlined, but then I would extend the page length and continue designing? > > * * * > > Hi @headlesshorse but then if I use fix position to the horizontal scroll, it will be appeared throughout the entire page. ---
**Author:** ![HEADLESS.HORSE](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/headless.horse/32/144_2.png) [@HEADLESS.HORSE](https://forum.readymag.com/u/HEADLESS.HORSE)\ **Post date:** [September 1, 2022, 10:43am UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/6 "2022-09-01T10:43:08Z")
In this case you could add another page and make it a continuous project? ---
**Author:** ![hongxin](https://avatars.discourse-cdn.com/v4/letter/h/58f4c7/32.png) [@hongxin](https://forum.readymag.com/u/hongxin)\ **Post date:** [September 21, 2022, 1:10pm UTC](https://forum.readymag.com/t/how-to-make-sectioned-horizontal-scroll/612/7 "2022-09-21T13:10:09Z")
Hi, thanks for the suggestion. Would you please tell me how can I add another page and make two pages a continuous project?