Navigation Bar Scroll then Sticky

[Tumbleweed]

Was I not fast enough because I still can't see your site. 

[Mr. Tom]

May 29, 2014 20:52:43 GMT -8 Tumbleweed said:

Was I not fast enough because I still can't see your site. 

Tsk. The site owner, who I spoke to previously about this, went and re-enabled it dammit!

Ok, it's back now! shadowsofmine.proboards.com

[Tumbleweed]

Mr. Tom,

That gap above the banner is caused by some padding you or the owner added to the wrapper: 

#wrapper {
background-color: rgba(0, 0, 0, 0.45);
margin-bottom: 10px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 1.3em;
padding-top: 1.3em;

Was that ^^ added to accommodate for a maint. notice you have at the top of your forum, perhaps?


If I make it so the participate is on top of the menu bar then it will cover the logout and your members may not be happy about that. Maybe you should just include the nav tree to be in that fixed position, along with the menu bar??

If you don't want that, then I might be able to move the participate in the middle of the menu bar, between the logout and menu links, but it would be there all the time.


You can put your site back to guests must log in unless something else crops up.

[Mr. Tom]

Ok thanks!

I'll try and work it out, but how would I go about adding the navtree to the scroll - fixed position too?

Edit: Tumbleweed, no, sorry, I have absolutely no idea. Would you be tell me how to do it?

[Tumbleweed]

May 30, 2014 11:28:56 GMT -8 Mr. Tom said:

Ok thanks!

I'll try and work it out, but how would I go about adding the navtree to the scroll - fixed position too?

Edit: Tumbleweed, no, sorry, I have absolutely no idea. Would you be tell me how to do it?

Before I do that, I need to solve my issues with the control bar. (See my comments to Luv here:http://support.proboards.com/post/5874056/thread).  Seems you figure out one thing and it just causes another problem. 

[Mr. Tom]

Ok, just let me know when you can do it.

[Tumbleweed]

Mr. Tom,

I have given up trying to find a jquery (and a little css) solution for the control panel. I was able to get as far as making it work when I knew the exact number of pixels from the top the control bar is, and of course that won't work because every forum is different and that didn't address both sub-boards threads and board threads, just one or the other. (I'm just not very good at jquery yet.)

I did come up with not the best alternative but it works. What I did was add some padding to the top of the control bar. You may not like how it looks so maybe test this out before we go any further: This would go at the bottom of your stylesheet.


.control-bar{padding-top:22px;
}


If the above is o.k. with you, do you want to proceed with including the nav tree in with your menu bar? If the above is not o.k. then I'll tag a red name to see if they can help. Actually, now that I think about it, adding the nav tree to the fixed position at the top along with the menu bar isn't such a good idea because that means the control bar will need to have even more padding. Maybe moving the participate is a better idea.

[Mr. Tom]

Jun 1, 2014 21:29:15 GMT -8 Tumbleweed said:

Mr. Tom,

I have given up trying to find a jquery (and a little css) solution for the control panel. I was able to get as far as making it work when I knew the exact number of pixels from the top the control bar is, and of course that won't work because every forum is different and that didn't address both sub-boards threads and board threads, just one or the other. (I'm just not very good at jquery yet.)

I did come up with not the best alternative but it works. What I did was add some padding to the top of the control bar. You may not like how it looks so maybe test this out before we go any further: This would go at the bottom of your stylesheet.


.control-bar{padding-top:22px;
}


If the above is o.k. with you, do you want to proceed with including the nav tree in with your menu bar? If the above is not o.k. then I'll tag a red name to see if they can help. Actually, now that I think about it, adding the nav tree to the fixed position at the top along with the menu bar isn't such a good idea because that means the control bar will need to have even more padding. Maybe moving the participate is a better idea.

I added the above CSS, and I don't see what it does. Everything looks the same.

[Tumbleweed]

Jun 2, 2014 4:42:00 GMT -8 jrryan said:

Mr. Tom

Guests still cannot see the forum?

I told him he could close it up to guests since he prefers it be that way and I already took a look at his site.

Mr. Tom, It adds space where I have a red line on this screen cap of this thread:

http://i657./uu300/EliteList/screenie_zpsa1522292.png

Below that is the control bar and once you get so far down on the page it stops at the top just like the nav tree/bar. The spacing I put above it is so the control bar stops just shy of the nav bar so you can still use both. Otherwise it just slid right under the nav tree.

[Mr. Tom]

Ah right I get you now! Thanks for that.

Now another thing that the site owner has been ranting about was that a gap has appeared between the navbar and the header before the navbar stickies.

Is there any way to sort this? prntscr.com/3pa46f

[Tumbleweed]

I was just in the middle of my reply to you this morning when the city decided to shut down power to fix power lines we had damaged in a storm. (We had super high winds in some areas reaching 100 miles per hour and some massive hail.) So sorry for the delay. Anyway, try this Mr. Tom, instead:


.spec_sroll_container{margin:0px; auto;width:900px;}
.test_content{margin:-10px 0;}
.scroller_anchor{height:0px; margin:0; padding:0;
}
.scroller{
margin:0 0 6px;
z-index:10000;
height:24px;
width:900px;
}

I still had the height in there for the menu bar and I removed the margin. You also need to do one more thing. In the javascript I gave you you'll need to change this one line only (in red) to about 30. 


$('.scroller').css({
'position': 'fixed',
'top': '0px',
});
$('.scroller_anchor').css('height', '20px');
}


Oh, I forgot to mention, that control bar padding might be able to be reduced a few pixels since the above should move the nav tree up a bit. 

[Mr. Tom]

Ah nice OK, thanks! I will test it out and reply in due course.

[Mr. Tom]

It works an absolute treat, thank you!