Scroll to target doesn't work on mobile

I Need Help
1

Hi everyone,

I’ve created a website using Blocs, but I’ve run into a small issue. The website is a single-page site, and the navigation uses the “scroll-to-target” function to jump to specific sections on the page.

On my laptop, everything works perfectly, but on my iPhone, it doesn’t behave as expected. On newer devices, like the iPhone 17, it seems to work fine. However, on older models, such as my daughter’s iPhone 12, it doesn’t scroll correctly. I also tested it on my iPhone 15, and it has the same issue.

I’m wondering what could be causing this. You can check the website here: www.summerbeatz.nl

Any insights or suggestions would be greatly appreciated!

2

Hi:

Under Project Settings, see if you have “Enable Lazy Loading” checked?

If you do, turn it off and that might fix it.

Rich the Weather Guy

1 Like
3

I tried it…. no luck…. Tnx for the suggestion…

4

I remember having issues with visibility changes on mobile when you are using the sidebar menu.
Maybe it could be connected to the same thread.

Try placing a regular link or image and see if this works fine on your devices

1 Like
5

I tried that: I created a hidden link on the website with a scroll-to-target interaction; that worked. One small step closer to the solution… (hopefully)

2 Likes