MediaWiki:Nookipedia-timeless.js
From Nookipedia, the Animal Crossing wiki
Revision as of 02:51, June 5, 2021 by SuperHamster (talk | contribs) (Controlling text logo visibility via opacity+visibility instead of display)
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* Any JavaScript here will be loaded for users using the Timeless skin */
/*
JavaScript for Timeless is also loaded from the following gadgets:
MediaWiki:Gadget-CollapsibleNav.js
*/
$(document).ready(function() {
/* On desktop, display text logo once user scrolls down */
function toggleTextLogo() {
if ($(window).width() > 1099) {
if ($(window).scrollTop() > 130) {
if ($('#p-logo-text').css('opacity') == 0) {
$('#p-logo-text').css('visibility', 'visible');
$('#p-logo-text').animate({ opacity: 1 }, 250);
}
} else {
if ($('#p-logo-text').css('opacity') == 1) {
$('#p-logo-text').css('visibility', 'hidden');
$('#p-logo-text').animate({ opacity: 0 }, 250);
}
}
} else {
if ($('#p-logo-text').css('opacity') == 0) {
$('#p-logo-text').css('visibility', 'visible');
$('#p-logo-text').animate({ opacity: 1 }, 250);
}
}
}
$(window).scroll(toggleTextLogo);
$(window).resize(toggleTextLogo);
/* Open Social links in new tab/window */
$( '#n-Discord' ).find( 'a' ).attr( 'target' , '_blank' );
$( '#n-Twitter' ).find( 'a' ).attr( 'target' , '_blank' );
$( '#n-Instagram' ).find( 'a' ).attr( 'target' , '_blank' );
$( '#n-Facebook' ).find( 'a' ).attr( 'target' , '_blank' );
});