T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. dare
  2. General Discussion
  3. Tuesday, 09 December 2014
  4.  Subscribe via email
Hi.
I am making template with fixed menu on top, all works ok except I cant get background color of header to be changed once page scrolls, to avoid elements under menu to be visible.
I am using something like this but not working, anyone have idea?
jQuery(document).ready(function(){       
var scroll_start = 0;
var startchange = $('#startchange');
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
$("#t3-mainnav").css('background-color', '#000000');
} else {
$("#t3-mainnav").css('background-color', 'transparent');
}
});
}
});
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dare,

This belong to customization so I am afraid it's out of support scope. You can ask for paid support from: http://www.joomlart.com/joomlart/joomlart-tweak-service-for-joomla-magento-products

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry did not know that.
Anyways I have did it with this waypoints plugin
Hope this can stay for other people to use.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, congratulation @Dare.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Do you have any more detail on how you achieved this using that script, @Dare?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.