Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

Sometimes, we have some of those right side modules were very tall. So by the time you scrolled down to the bottom of the modules, you would have to scroll back up just to read forum category you had just viewed.

The solution is to make the forum category sticky as you are scrolling.

Just copy and paste the code into custom code, you are done.

Live Demo http://www.socialspeakout.com/forum

if you are looking for someone to re-design your ning site, directly contact me via my email id bernardmax2@gmail.com

The Code

<!-- STICKY FORUM CATEGORY BY Bernard Lama for socialspeakout.com -->
<script type="text/javascript">
x$(function(){
if (!!x$('.categories.byCategory').offset()) {
var stickyTop = x$('.xg_widget_forum .categories.byCategory').offset().top;
x$(window).scroll(function(){
var windowTop = x$(window).scrollTop();
if (stickyTop < windowTop){
x$('.xg_widget_forum .categories.byCategory').css({ position: 'fixed', top: 0 });
}
else {
x$('.xg_widget_forum .categories.byCategory').css('position','static');}
});
}
});
</script>
<style>
.xg_widget_forum .categories.byCategory {
position: relative;
width: 747px;
}
</style>

<!-- STICKY FORUM CATEGORY BY Bernard Lama for socialspeakout.com -->

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • This is amazing! I currently have my discussions showing up as latest by time so I can skip the category and jump straight in to the topics, but for the people who have category view set as default, this would be very neat to see.

  • This can be altered to show Discussions instead of Categories right? (I'm getting brave here lol)

  • okay, now Bernard, is it as simple as changing 'categories' to 'discussions' and '.byCategory' to .byDiscussions'?  

    • NC for Hire

      Gary, however, I could not figure specific class or id. I'm sorry for that. Hope someone can figure it out.

      • ah okay. this is where my bravery ends lol I am not that savvy computer-wise to figure that one out. Thank you Bernard!

  • amazing!

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"thank you very much I come from the times of this site now I put the photo, it was hard to survive…"
8 hours ago
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"To do a border without the ridge and using dots you would just write it like this
border:13px…"
9 hours ago
Steve C posted a discussion
 I want to put ads above individual groups.Jen showed me how to put text above forum categories…
13 hours ago
Rosas † Negras replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"I don't use file manager for photos, so if it's a photo I'm not interested even if after I close…"
17 hours ago
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"I agree with you, but I want it rounded, on the square it gives no problem,this is an impossible…"
yesterday
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"It's because you are using the ridge as a border, to create the ridge the border property adds the…"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"I don't want to go below 13 px I know all would be ok but it's too logical"
yesterday
Rosas † Negras replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
"#xg_masthead /*Top Image*/ {margin: auto;display: block;height:600px;width: auto…"
yesterday
Bizz replied to Rosas † Negras's discussion
After many years of experience, I would like to know from you designers how I can solve this problem and a ridge
" show the css you have used for the border"
yesterday
Rosas † Negras posted a discussion
yesterday
Anam replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"OH MY GOD!!!! :D :D :D It worked!!!
 
I am so pleased. Thank you Bizz and Rosas for your help. I…"
yesterday
Anam replied to George H. Compton IV's discussion
(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14
"Thank you Rosas and Bizz.
I am afraid I do not understand these instructions.
I will see if I can…"
yesterday
More…

Meanwhile, you can check our social media channels