Difference between revisions of "Jforeground.js"
From Joomla! Documentation
m (trying to fix) |
m (removing addThis) |
||
(15 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | $('li#p | + | $('li#p-Learn a:first').prepend('<div class="drop-icon"><i class="fa fa-university fa-fw"></i></div>') |
− | + | $('li#p-Help a:first').prepend('<div class="drop-icon"><i class="fa fa-life-ring fa-fw"></i></div>') | |
− | $('li#p | + | $('li#p-Browse a:first').prepend('<div class="drop-icon"><i class="fa fa-search fa-fw"></i></div>') |
+ | |||
+ | /* Smooth scroll of TOC links with correct offset but ignore category pages for prev and next */ | ||
+ | if ( mw.config.get( 'wgNamespaceNumber' ) !== 14 ) { | ||
+ | $(function() { | ||
+ | $('a[href*=#]:not([href=#])').click(function(e) { | ||
+ | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') | ||
+ | && location.hostname == this.hostname) { | ||
+ | |||
+ | e.preventDefault(); | ||
+ | var target = $(this.hash), | ||
+ | $target = $(target); | ||
+ | var hash = e.currentTarget.hash.substring(1); | ||
+ | var targetAnchor = target.length ? target : $("span[id='" + hash + "']"); | ||
+ | if (targetAnchor.length) { | ||
+ | $('html,body').animate({ | ||
+ | scrollTop: targetAnchor.offset().top - 105 //offsets for fixed header | ||
+ | }, 1600, 'swing', function () { | ||
+ | window.location.hash = hash ; | ||
+ | }); | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | //Executed on page load with URL containing an anchor tag. | ||
+ | if($(location.href.split("#")[1])) { | ||
+ | var targetURL = $("span[id='"+location.href.split("#")[1]+"']"); | ||
+ | if (targetURL.length) { | ||
+ | $('html,body').animate({ | ||
+ | scrollTop: targetURL.offset().top - 105 //offset height of header here too. | ||
+ | }, 1600); | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | /* Sticky navbars for mobile view */ | ||
+ | jQuery(document).ready(function(){ | ||
+ | $(window).bind('scroll', function() { | ||
+ | var navHeight = 68; | ||
+ | if ($(window).scrollTop() > navHeight) { | ||
+ | if ($('nav#topnav').hasClass('expanded')) { | ||
+ | $('nav#topnav').parent().addClass('fixed'); | ||
+ | $('nav#topnav').removeClass('fixed'); | ||
+ | $('nav#topnav').toggleClass('expanded').css('min-height', ''); | ||
+ | $('body').css('padding-top','45px'); | ||
+ | } | ||
+ | $('#bottom-nav').addClass('fixed'); | ||
+ | $('#navwrapper').css('margin-bottom', '5em'); | ||
+ | $('#bottomnav .title-name').css('display', 'inline-block'); | ||
+ | } | ||
+ | else { | ||
+ | $('#bottom-nav').removeClass('fixed'); | ||
+ | $('body').css('padding-top','45px'); | ||
+ | $('#navwrapper').css('margin-bottom', '1.875em'); | ||
+ | $('#bottomnav .title-name').css('display', 'none'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | /* Footer fix on small pages */ | ||
if ( mw.config.get( 'wgIsArticle' ) ) { | if ( mw.config.get( 'wgIsArticle' ) ) { | ||
Line 16: | Line 77: | ||
} | } | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Latest revision as of 11:03, 4 November 2020
$('li#p-Learn a:first').prepend('<div class="drop-icon"><i class="fa fa-university fa-fw"></i></div>')
$('li#p-Help a:first').prepend('<div class="drop-icon"><i class="fa fa-life-ring fa-fw"></i></div>')
$('li#p-Browse a:first').prepend('<div class="drop-icon"><i class="fa fa-search fa-fw"></i></div>')
/* Smooth scroll of TOC links with correct offset but ignore category pages for prev and next */
if ( mw.config.get( 'wgNamespaceNumber' ) !== 14 ) {
$(function() {
$('a[href*=#]:not([href=#])').click(function(e) {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
e.preventDefault();
var target = $(this.hash),
$target = $(target);
var hash = e.currentTarget.hash.substring(1);
var targetAnchor = target.length ? target : $("span[id='" + hash + "']");
if (targetAnchor.length) {
$('html,body').animate({
scrollTop: targetAnchor.offset().top - 105 //offsets for fixed header
}, 1600, 'swing', function () {
window.location.hash = hash ;
});
return false;
}
}
});
//Executed on page load with URL containing an anchor tag.
if($(location.href.split("#")[1])) {
var targetURL = $("span[id='"+location.href.split("#")[1]+"']");
if (targetURL.length) {
$('html,body').animate({
scrollTop: targetURL.offset().top - 105 //offset height of header here too.
}, 1600);
return false;
}
}
});
}
/* Sticky navbars for mobile view */
jQuery(document).ready(function(){
$(window).bind('scroll', function() {
var navHeight = 68;
if ($(window).scrollTop() > navHeight) {
if ($('nav#topnav').hasClass('expanded')) {
$('nav#topnav').parent().addClass('fixed');
$('nav#topnav').removeClass('fixed');
$('nav#topnav').toggleClass('expanded').css('min-height', '');
$('body').css('padding-top','45px');
}
$('#bottom-nav').addClass('fixed');
$('#navwrapper').css('margin-bottom', '5em');
$('#bottomnav .title-name').css('display', 'inline-block');
}
else {
$('#bottom-nav').removeClass('fixed');
$('body').css('padding-top','45px');
$('#navwrapper').css('margin-bottom', '1.875em');
$('#bottomnav .title-name').css('display', 'none');
}
});
});
/* Footer fix on small pages */
if ( mw.config.get( 'wgIsArticle' ) ) {
$(window).bind("load", function () {
var footer = $("footer.row");
var pos = footer.position();
var height = $(window).height();
height = height - pos.top;
height = height - footer.height();
if (height > 0) {
footer.css({
'position': 'fixed', 'bottom': '0', 'width': '100%'
});
}
});
}