Up (A back to top button)

010101

Up

A Flarum extension. A back to top button.

Minimal CSS
Uses Font Awesome for up arrow
Target #Up or .elevator-button for any custom CSS

Optional:

Uses elevator.js and so if you know a little about this stuff, you can make it play music too. By default, the audio files and JavaScript needed for music to play are not included. If you want to try the audio feature you will need a couple audio files, and this code can be added to your custom footer:

<script>
window.onload = function() {
  var elevator = new Elevator({
    element: document.querySelector('.elevator-button'),
    mainAudio: '/src/to/audio.mp3',
    endAudio: '/src/to/end-audio.mp3'
  });
}
</script>

Want it on the bottom left instead of the default bottom right?

.elevator-button { float: left; }

Installation

Install with composer:

composer require zerosonesfun/flarum-up:"*"

Updating

composer update zerosonesfun/flarum-up:"*"
php flarum migrate
php flarum cache:clear

Remove

composer remove zerosonesfun/flarum-up

Forhack

010101 Hello, a decent extension) I think it should be in the core of the flarum)

Justoverclock

Forhack the power of Flarum is the extensibility, it means that user that want only basic functions can run Flarum without any un-necessary extensions. On the other hand who want certain features can install various extension. 🙂

Forhack

Hi, tell me how to make the arrow be at the top above the footer, and not under it??

010101

Forhack I haven’t tested this, but you should be able to use absolute positioning. Play around with the bottom number.

#Up {
position: absolute;
bottom: 100px;
}

Forhack

010101 oh, thanks! I have been use it

#Up {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

m4v3rick

Does this work for anyone?
It just scrolls up a few posts but not until top.