Layout blocks won't stay in same place

Question
1

What I’m trying to do is have a fixed area on the webpage that has text and a “next” button, and when the user click the “next” button they see different text (and a different “next” button) in the same place - in all, seven different texts that the user can see by clicking the button, all in the same part of the webpage.

I read that I could achieve this using layout blocks, by giving each block the same coordinates and size, and Group ID. When first tried it, clicking the “next” button made the first text vanish and the second text appear, but it appeared farther down the page, and the third text appeared still farther down, and so on.

Things seemed to work as I wanted after I selected the “custom scrolling” option in the layout blocks’ properties. “Stick to page top” was selected. Later I scrolled down the page in the browser, and found that when the layout blocks get to the top of the browser window, they stay there, no matter how far down I scroll. So the question is, how can I get a group of layout blocks to be in the same place and to scroll off the screen?

2

I think layout blocks may not be the best solution for what you’re trying to achieve. If you have an area of the webpage where you want to display different text in the same position AND you want the different texts to be triggered with a Next/Previous button, It may be better to use popups. If you can send some screenshots of what your trying to achieve, I’ll be more than happy to explain exactly how to do it, or I could even post a Sitely project file demonstrating how this option works.

EDIT: I’ve just uploaded a demonstration project file and tutorial. I suggest you open the file in Sitely then immediately preview to see how it works. The file should be available until July 14, 2026. Should anyone want to obtain a copy after that date, please post here and I will upload it again.

3

You’re right! Popups work exactly the way I wanted. Thanks!