Make things appear as people scroll down my page
The first shelf of bernard’s library brings a page in as people scroll down it. Used on one or two parts of a page, it makes the page feel calm and finished. Used on everything, it makes people wait. Pick the parts that matter.
The prompt
“Make the [sections, photos or cards] on my [which page] page appear gently as people scroll to them.”
Signed in, Get my prompt fills in your site for you. Otherwise press Copy and fill in the [bracketed] parts. First time? Connect your AI to bernard once: Use your own AI (opens in a new tab).
The four on this shelf
- Fade up. A section rises gently into place as visitors reach it.
- Slide in from the side. A picture and its words slide in from opposite sides.
- One after another. Items in a grid or list appear one by one.
- Picture reveal. A photo uncovers itself like a curtain opening.
How to ask
Name the page and the part: “make the three cards under ‘What I do’ appear one after another as people scroll to them”. bernard adds it in your draft and gives you the preview link. Animations from the library work on every bernard site. See How do I add an animation to my site? for how it works, and What animations can bernard add? for the other shelves.
Good to know
- Each one plays once. It plays as the part comes into view, and the part then stays put.
- Visitors who ask for less motion see the page as it is, with nothing moving. See Why do my animations not move for some visitors?.
- Phones get them too. See Do animations work on phones?.
Questions people ask
- Will my words disappear if the animation does not run?
- No. Everything starts as a normal part of your page. The animation only plays on top, so a visitor whose browser never runs it still sees every word and picture.
- Which one should I pick?
- Fade up suits sections and quotes further down a page. One after another suits a grid of services or products. Picture reveal suits one main photo. Slide in suits a photo next to a short description.
- Do I have to publish it?
- Yes. It goes into your draft first, so you can watch it in the preview. Nothing reaches your visitors until you approve the change by publishing.