You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
3.0 KiB
89 lines
3.0 KiB
6 years ago
|
/**
|
||
|
|
* Add Javascript - Node features JS
|
||
|
|
*/
|
||
|
|
jQuery(document).ready(function($) {
|
||
|
|
if ($("#affix").length>0) {
|
||
|
|
|
||
|
|
var contentBottom = $(".content-bottom").outerHeight(true) || 0,
|
||
|
|
featuredTop = $(".featured-top").outerHeight(true) || 0,
|
||
|
|
featured = $(".featured").outerHeight(true) || 0,
|
||
|
|
featuredBottom = $(".featured-bottom").outerHeight(true) || 0,
|
||
|
|
subFeatured = $(".sub-featured").outerHeight(true) || 0,
|
||
|
|
footerTop = $(".footer-top").outerHeight(true) || 0,
|
||
|
|
footer = $("footer.footer").outerHeight(true) || 0,
|
||
|
|
footerBottom = $(".footer-bottom").outerHeight(true) || 0,
|
||
|
|
subFooter = $(".subfooter").outerHeight(true) || 0,
|
||
|
|
mainContent = $(".main-content").outerHeight(true) || 0,
|
||
|
|
blockSystemMainBlock = $(".block-system-main-block").outerHeight(true) || 0;
|
||
|
|
|
||
|
|
var affixBottom = contentBottom
|
||
|
|
+ featuredTop
|
||
|
|
+ featured
|
||
|
|
+ featuredBottom
|
||
|
|
+ subFeatured
|
||
|
|
+ footerTop
|
||
|
|
+ footer
|
||
|
|
+ footerBottom
|
||
|
|
+ subFooter
|
||
|
|
+ mainContent
|
||
|
|
- blockSystemMainBlock,
|
||
|
|
affixTop = $("#affix").offset().top;
|
||
|
|
|
||
|
|
//The admin overlay menu height
|
||
|
|
var navigationHeight = $(".sticky-wrapper").outerHeight(true) || 0;
|
||
|
|
|
||
|
|
var adminHeight = parseInt($('body').css('paddingTop'));
|
||
|
|
var topValue = adminHeight + navigationHeight + 15;
|
||
|
|
|
||
|
|
//We select the highest of the 2 adminHeight OR fixedHeaderHeight to use
|
||
|
|
if (navigationHeight > adminHeight) {
|
||
|
|
fixedAffixTop = navigationHeight;
|
||
|
|
} else {
|
||
|
|
fixedAffixTop = adminHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
function initializeAffix(topAffix) {
|
||
|
|
affixBottom = affixBottom + navigationHeight - fixedAffixTop - adminHeight + 15;
|
||
|
|
initAffixTop = topAffix - adminHeight - navigationHeight - 15; //The fixedAffixTop is added as padding on the page so we need to remove it from affixTop
|
||
|
|
$("#affix").affix({
|
||
|
|
offset: {
|
||
|
|
top: initAffixTop,
|
||
|
|
bottom: affixBottom
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
//The internal banner element is rendered after it is ready so initially it does not have height that can calculated
|
||
|
|
//Therefore we manually add the height when we know it or we wait a few seconds to when its height is not known
|
||
|
|
if ($(".view-mt-internal-banner").length>0) {
|
||
|
|
var pageWidth = $("#page>.container").outerWidth();
|
||
|
|
if (pageWidth == 1170) {
|
||
|
|
affixTop = affixTop + 610;
|
||
|
|
initializeAffix(affixTop);
|
||
|
|
} else if (pageWidth == 970) {
|
||
|
|
affixTop = affixTop + 506;
|
||
|
|
initializeAffix(affixTop);
|
||
|
|
} else if (pageWidth == 750) {
|
||
|
|
affixTop = affixTop + 491;
|
||
|
|
initializeAffix(affixTop);
|
||
|
|
} else {
|
||
|
|
setTimeout(function() {
|
||
|
|
affixTop = $("#affix").offset().top;
|
||
|
|
initializeAffix(affixTop);
|
||
|
|
}, 2000);
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
initializeAffix(affixTop);
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#affix").on("affixed.bs.affix", function () {
|
||
|
|
//We set through JS the inline style top position
|
||
|
|
if ($(".fixed-header-enabled").length>0) {
|
||
|
|
$("#affix").css("top", (navigationHeight+adminHeight)+"px");
|
||
|
|
} else {
|
||
|
|
$("#affix").css("top", (adminHeight)+"px");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|