A Gift for you: Smooth Back to Top scrolling HTML Code

LGALLP
348 Posts
LGALLP posted this 20 September 2019
Ask a Question

Hello Nicepage friends. I wish you a good day.

I´m happy to share with you an HTML code that would help you add "Smooth Back to Top Scrolling" to your websites.

As "best practice" tip, I recomend you put the html in the main header of every website project to be sure it works in each and every page.

It´ll create a visible button in the header wich you can move to a point where it doesn´t bother another header elements as logo or menu. This button only will be seen in edit mode, but not in preview mode or when you publish your website online, so it´s totally safe and practical.

You can change the color and hover, the text it shows and position. You can see and example of it working by visiting https://reneballadares.000webhostapp.com/ (hold CNTRL or CMD key to open in new tab)

Hope you find it usefull.

Hello Nicepage friends. I wish you a good day. I´m happy to share with you an HTML code that would help you add "Smooth Back to Top Scrolling" to your websites. As "best practice" tip, I recomend you put the html in the main header of every website project to be sure it works in each and every page. It´ll create a visible button in the header wich you can move to a point where it doesn´t bother another header elements as logo or menu. This button only will be seen in edit mode, but not in preview mode or when you publish your website online, so it´s totally safe and practical. You can change the color and hover, the text it shows and position. You can see and example of it working by visiting https://reneballadares.000webhostapp.com/ (hold CNTRL or CMD key to open in new tab) Hope you find it usefull.

Last edited 20 September 2019 by LGALLP

Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
shalmaxb
27 Posts
shalmaxb posted this 20 September 2019

Hi,

great working code. Thank you for sharing!

Hi, great working code. Thank you for sharing!
Giumarr
162 Posts
Is Solution
Giumarr posted this 20 September 2019

thanks so much friend

thanks so much friend
LGALLP
348 Posts
LGALLP posted this 20 September 2019

I´m glad you liked it and make use of it!

I´m glad you liked it and make use of it!
charlie61
103 Posts
charlie61 posted this 21 September 2019

Thank you very much!
Do you have any clue how you could make the scrolling smooth when you click internal links, like button linked to another section in the same page. The scrolling in the same page is far from smooth at the moment, it is not very beautiful.

Thank you very much! Do you have any clue how you could make the scrolling smooth when you click internal links, like button linked to another section in the same page. The scrolling in the same page is far from smooth at the moment, it is not very beautiful.
LGALLP
348 Posts
LGALLP posted this 23 September 2019

Hello, Charlie61.

I tried a little code that works just fine. I´ll do another post so everyone can use it.

Hello, Charlie61. I tried a little code that works just fine. I´ll do another post so everyone can use it.

Last edited 24 September 2019 by LGALLP

You must log in or register to leave comments