Realmac Software

Welcome to the RapidWeaver Community Forums, where you can chat with RapidWeaver users from around the world!

Persistent sidebar?

peehskcalbapeehskcalba Southern CaliforniaPosts: 4Members
Okay Javascript wizzes, this one's for you (or anyone else who wants to try their hand)!

Is there any way to make the sidebar content float up and down, in a persistent fashion, always following the user's scrolling?

Thanks, Peehskcalba

P.S. Perhaps something vaguely like this?

Comments

  • bcboundersbcbounders Anywhere... I live full-time in my RV!Posts: 220Members
    on 1215939624:
    Okay Javascript wizzes, this one's for you (or anyone else who wants to try their hand)!

    Is there any way to make the sidebar content float up and down, in a persistent fashion, always following the user's scrolling?

    Thanks, Peehskcalba

    P.S. Perhaps something vaguely like this?
    Peehskcalba,

    It wouldn't have that cool "bouncy" reset (where you can scroll down the page faster than the sidebar and then it catches up), but if you used a CSS position of Fixed ([-- corrected from Static, which I was wrong about), you could achieve the same effect. Just determine the distance from one of the top/bottom and one of the left/right and it will just stay there, with everything else scrolling by.

    This SHOULD work... but there may be some browser inconsistencies... like IE6 may not behave correctly, just not sure.

    Anyone else? Thoughts?
    John
    Old forum post count = 377
    RW 5.3.1 & RW 4.4.2
    Mac Pro & 17" MacBook ( both OS X 10.8.2 )
    I use GoDaddy.com for site hosting and domain purchases.
    I recommend Dreamstime for selling/purchasing stock photos
  • aoimedia.co.ukaoimedia.co.uk Scotland, UKPosts: 863Moderators
    position: fixed;
    

    ...when applied to sidebar/navbar selector should fix the element.
    However, a little more work might be needed to make it look and behave exactly as you require.

    Kind regards
    John
  • bcboundersbcbounders Anywhere... I live full-time in my RV!Posts: 220Members
    I haven't tested this myself, but here's a link to a solution for getting the "position:fixed" to work for IE6:

    http://www.cssplay.co.uk/layouts/fixed.html

    Hope this works for you.
    John
    Old forum post count = 377
    RW 5.3.1 & RW 4.4.2
    Mac Pro & 17" MacBook ( both OS X 10.8.2 )
    I use GoDaddy.com for site hosting and domain purchases.
    I recommend Dreamstime for selling/purchasing stock photos
  • peehskcalbapeehskcalba Southern CaliforniaPosts: 4Members
    No dice.

    I'm using the Monsters theme.

    I'm using this custom CSS:
    #sidebarContent #content {
    position: fixed;
    }

    Any fixes?
  • bcboundersbcbounders Anywhere... I live full-time in my RV!Posts: 220Members
    Can you post a link to the site online so we can have a look at the code?
    John
    Old forum post count = 377
    RW 5.3.1 & RW 4.4.2
    Mac Pro & 17" MacBook ( both OS X 10.8.2 )
    I use GoDaddy.com for site hosting and domain purchases.
    I recommend Dreamstime for selling/purchasing stock photos
  • peehskcalbapeehskcalba Southern CaliforniaPosts: 4Members
    on 1216200830:
    Can you post a link to the site online so we can have a look at the code?

    http://example.com/portfolio Eventually, I'll list more projects I've done.

    Thanks,
    Peehskcalba

    P.S. John, nice hardware you've got there! I'm on an iBook G3 (Icebook) running Tiger.
  • WebKarnageWebKarnage Sussex UKPosts: 2,319Moderators
    Hi Peehskcalba,

    I am not sure you'll get this to work while you have a header above the sidebar, and a footer below it. Your theme's structure might have to be different.

    with best regards,
    Karn.
    Theme Editing Basics for budding theme weavers
    More @ WebKarnage hosted on RapidWeaver friendly Hosting.
    MacSupportCasts to learn Macs

Leave a Comment

bolditalicunderlinestrikecodeimageurlquotespoiler