Make a scrollable sidebar

  • EBW82

    (@ebw82)


    11 years, 5 months ago

    Hi Nobita
    I’m using raindrops for a private site that’s supposed to look more like a website than a blog and I’ve customized it some.
    I need your help with the following:

    – I only have one sidebar on the right. Currently, the sidebar is much longer than the content of the static front page and I would like for the sidebar to adjust it’s length to the main site and be scrollable.
    Meaning, make the sidebar so it scrolls down, while the main site stays relatively short.
    I need to set a fixed lenght to the main site and make the sidebar scrollable.

    – When clicking on a link on the sidebar, i would like the new page to load, while the sidebar stays EXACTLY where it was. Meaning, when a new site loads, the sidebar doesn’t reaload but stays put.

    Might be a bit of a challenge, I really appreciate your help!

    Thanks!

    http://www.waelchli.ch/autographs

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author nobita

    (@nobita)

    11 years, 5 months ago

    EBW82

    Try below

    #bd nav.lsidebar{
    height:100px!important;
    min-height:100px!important;
    border:1px solid red;
    overfrow:hidden;
    display:block;
    overflow-y:auto;
}

#bd aside.rsidebar{
    height:100px!important;
    min-height:100px!important;
    border:1px solid red;
    overfrow:hidden;
    display:block;
    overflow-y:auto;
}

    example pae

    link hover and show content.(Sorry Japanese )

    http://tenman.info/labo/snip/?page_id=1236

    Above is use jQuery load().

    Thank you

    Thread Starter EBW82

    (@ebw82)

    11 years, 5 months ago

    thank you, works for the scrollable bar, that’s great. yet still, if I click on a link, the bar reloads and I have to scroll down again.
    Can you have another look, please?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Make a scrollable sidebar’ is closed to new replies.