Help! I want images to appear while scrolling

Ask the community
,
1

Hello all, basically what I want (I believe) should be simple, but I have spent some time looking for a solution and have not found a way. FYI I know nothing about coding:

I have a section in a webpage I am designing where I want the user to navigate in a way where they are scrolling down, and images start appearing as they scroll. I can’t do it with the background option since most of the images overlap. I am attaching an extra zoomed out image of the entire part that I want to have. Basically, every step or section should appear as the user scrolls down on the webpage.

646×1312 177 KB

2

You can make them hidden on load, add anchors to the desired scroll spots, and do something like:

$w.onReady(() => {
 $w('#anchor1').onViewportEnter(event => {
  $w('#image1').show();
 })
 $w('#anchor2').onViewportEnter(event => {
  $w('#image2').show();
 })
 //etc...
})