JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Back to top button on Ning bar? Make Ning bar follow your screen?

Hello Jensocial members!

I was just wondering if anyone can share the code to make a back to top button and make the Ning bar follow your screen when you scroll down? Example: http://www.iyoume.net/

Thanks!!!

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on March 19, 2012 at 11:17pm

I don't think I've written a back to top tip, because I've seen several out there. Did you check on Creators.ning.com?

On a fixed NingBar, this probably won't work unless your bar is full width of site. Maybe this will get you going in the right direction - - Advanced CSS:

#xn_bar {

position:fixed;z-index:999!important;top:0px;margin-left:auto!important;margin-right:auto!important;width:100%;

}

Best Regards,

Jen

▶ Reply

Permalink Reply by Glenn Lynch on March 20, 2012 at 6:09pm

Hey Jen!

Does this code make the bar go full width or follow the screen?

▶ Reply

Permalink Reply by Fire-Tech on March 20, 2012 at 6:51pm

Hey Glenn,

There are a bunch on Creators. Here's one I wrote that you can look at where I used Jens floating images code so I could put it wherever I want on the page. Look at the code & It should point you in the right direction to find something that works for you.

▶ Reply

Permalink Reply by JenSocial on March 20, 2012 at 9:19pm

Thanks Fire-Tech! Awesomesauce, as Eric would say. LOL!

▶ Reply

Permalink Reply by Fire-Tech on March 20, 2012 at 9:36pm

▶ Reply

Permalink Reply by JenSocial on March 20, 2012 at 9:18pm

Hi Glenn,

I added the width 100%, because otherwise the auto left and margins wouldn't take on my test site. You can remove that and see what happens. It should follow the screen -- fixed.

Best,

Jen