How to add a scroll to top button in WordPress without using a plugin 2024

Adding a scroll to top button up your WordPress website is easy and you can do it without a plugin.
I first made my original scroll to top tutorial here on the channel over 7 years ago (!) and back then it was a case of grading a plugin, configuring it and bam, you have your button.
These days I’m all about reducing plugins to an absolute minimum so in this WordPress tutorial I’l show you just how easy it it to add a scroll to top with just a little bit of code.
Download the code and other WP goodies here: jakson.co/freebies/
WordPress Block Icon Library here: wphelpers.dev/icons
00:00 Scroll to top button explained
00:37 Create with a simple image with a link is - not good enough!
03:25 The quick and dirty method with a code snippet
04:30 Lets do it properly with adding code to our theme
04:48 Make a WordPress function for the icon button
06:54 Adding the CSS to the theme
07:46 Getting the Javascript added to our theme files
09:38 See the final result
Ciao!
Jakson
jakson.co/
#wordpress #blockthemes #pagebuilder #wordpressdevelopment

[@ElenaOcchioni80]

Thank you so much, not only for this video but for all the precious work here on UA-cam!! Each video is a little pearl. This is truly one of my favorite WordPress channels🔝🔝🔝

[@wpjakson]

Appreciate that Elena! Really glad you enjoy the videos - do let me know if there's anything you'd like be to cover?

[@58bobby]

This is exactly what I was looking for, thank you!

[@Cygnus888]

Wouldn't it be better to use "display" rule to show/hide the button?