Joomla Templates Club 406,261 posts

[lindgreen Friend lindgreenJoin date: April 2013Posts: 1Downloads:0Uploads:0]

#186598

Hi

I have added this code for the script mega.js: $(function ()
{
// Get the initial position of the menu.
var menuTop = $(‘ja-mainnav’).offset().top;

$(window).scroll(function ()
{
// Check position
if ($(window).scrollTop() > menuTop)
{
$(‘ja-mainnav’).addClass(‘.fixed’);
}
else
{
$(‘ja-mainnav’).removeClass(‘.fixed’);
}
});
});

and i have added this code to template.css:

.fixed{
position: fixed;
top: 0;
}

But somehow i can’t make it work, do you have any idea of what the problem could be?

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#489485

Hi lindgreen,

I would recommend you use Mootools code for Joomla.

Here your scripts:


window.addEvent('load', function(){
var janav = $('ja-mainnav'),
menutop = janav.getCoordinates().top;

window.addEvent('scroll', function(){
if (window.getScrollTop() > menutop) {
janav.addClass('fixed');
} else {
janav.removeClass('fixed');
}
});
});


Hope it helps.

Regards

1 user says Thank You to Wall Crasher for this useful post

1. Saguaros

[Author]

Posts