@dogs this worked a treat - thanks. For anyone else who might be looking for something similar, here's a simple scroll to top function that you can place into your Custom JS
// Scroll to top button
$(window).on('action:ajaxify.end', function(data) {
var btn = $('#btt');
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
btn.addClass('show');
} else {
btn.removeClass('show');
}
});
btn.on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop:0}, '300');
});
})
Then place this into your Custom Header
<a id="btt"><i class="fas fa-chevron-up"></i></a>
Obviously, you would need to provide some CSS to style this. An example of this can be found on https://phenomlab.com