mediawiki-skins-MinervaNeue/resources/skins.minerva.backtotop/BackToTopOverlay.js

48 lines
1.1 KiB
JavaScript
Raw Normal View History

( function ( M, $ ) {
var View = M.require( 'mobile.startup/View' );
/**
* Displays a little arrow at the bottom right of the viewport.
* @class BackToTopOverlay
* @extends View
* @module skins.minerva.backtotop/BackToTopOverlay
*/
function BackToTopOverlay() {
View.apply( this, arguments );
}
OO.mfExtend( BackToTopOverlay, View, {
className: 'backtotop',
template: mw.template.get( 'skins.minerva.backtotop', 'BackToTopOverlay.hogan' ),
events: $.extend( {}, View.prototype.events, {
click: 'onBackToTopClick'
} ),
/**
* Show the back to top element, if it's not visible already.
*/
show: function () {
this.$el.css( 'visibility', 'visible' ).addClass( 'visible' );
},
/**
* Hide the back to top element, if it's visible.
*/
hide: function () {
this.$el.removeClass( 'visible' );
},
/**
* Handles the click on the "Back to top" element and scrolls back
* to the top smoothly.
*/
onBackToTopClick: function () {
$( 'html, body' ).animate( { scrollTop: 0 }, 400 );
}
} );
M.define( 'skins.minerva.backtotop/BackToTopOverlay', BackToTopOverlay );
}( mw.mobileFrontend, jQuery ) );