How to use "smooth scroll"?

Wappler General Need Help
1

Hi,

I set “smooth scroll” like this image below. but it doesn’t work well. how can I fix it?

2

I think what you need is
image

This may help

Edit: Not the famous Miwa by chance?

3

Hi @ben,

thank you so much.

From your explaining and the video, I set smooth scroll properties like below. but it doesn’t work. am I missing something?

and, I don’t know I’m famous or not though (probably not)…haha

4

This is for the Smooth Scroll component

image
image353×629 14 KB

For the button that gets clicked to go to hit the lightning bolt

image
image353×673 17.6 KB

Where you can choose the Action

image
image640×653 51.5 KB

Off Topic:

2 Likes
5

It worked!!! thank you so much!!!

Now I see who you were talking about! of course I’m not her haha :smiley:

1 Like
6

@ben, I am still having some problems trying to get this to work and I was hoping you could please help me.

the smooth scroll setting in my page are:
image

The link with the click event is:
image

but when I click on it nothing happens. any suggestions.

Thanks

Juan

7

@mymdsdigital Try please
scroll1.goto('#'+PSO_ID)

8

@s.alpaslan thanks for helping. I tried your suggestion, however it is still not working. in the wappler code line I have added the follwoing:
image
However, when looking at the code in the browser I get this:
image
For some reason it looks like the click event it is not making to the DOM of the page. Not really sure what to do here.

9

please check PSO_ID value because It does not have a value in PSO_ID.

10

Hi @s.alpaslan, I have added the value using the dynamic attribute URL to the link
image

Now when looking at what the browser gets, the (href="#11") can be seen
image

The only problem is ts that the smooth scroll still don’t work, the links jump to the section of the page, but without a smooth scroller event. Is there another way to set set the value within the link?

Thanks

Juan

11

Please provide a link where we can check this.
Also - you should not be using both onclick and the href to control the smooth scroll… just use the dynamic href.

1 Like
12

Thanks @Teodor! I have sent you a private message with the URL and the login info. let me know if you have any questions. again thanks for all your help!

13

Thanks Ben. That helped a lot.

1 Like