Difference between revisions of "Jforeground.js"
From Joomla! Documentation
m (drop 10px) |
m (removing addThis) |
||
(7 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
$('li#p-Browse a:first').prepend('<div class="drop-icon"><i class="fa fa-search 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 */ | + | /* 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); | |
− | $('html, body' | + | 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 */ | /* Sticky navbars for mobile view */ | ||
Line 33: | Line 51: | ||
$('#bottom-nav').addClass('fixed'); | $('#bottom-nav').addClass('fixed'); | ||
$('#navwrapper').css('margin-bottom', '5em'); | $('#navwrapper').css('margin-bottom', '5em'); | ||
+ | $('#bottomnav .title-name').css('display', 'inline-block'); | ||
} | } | ||
else { | else { | ||
Line 38: | Line 57: | ||
$('body').css('padding-top','45px'); | $('body').css('padding-top','45px'); | ||
$('#navwrapper').css('margin-bottom', '1.875em'); | $('#navwrapper').css('margin-bottom', '1.875em'); | ||
+ | $('#bottomnav .title-name').css('display', 'none'); | ||
} | } | ||
}); | }); | ||
Line 57: | 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%'
});
}
});
}