Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Jquery sticky sidebar

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #38384
    uddinnyc94
    Member

    Okay please someone tell me how i can accomplish this. Okay here is what i want to happen i have a a layout that looks like this


    <div id="section">
    <div id="sidebar"> </div>

    <div id="hello"> </div>
    </div>

    <div id="footer"> </div>

    Okay now that you know my code that you should also know that the id section doesn’t have a set height meaning it grows whenever the div with an id of hello grows. meaning that neither the div hello nor section has a set height however section has a width of 728 and hello has a width of 400. sidebar has a width of 200 what i want to happen is using jquery when the person scrolls just a little past the sidebar then the sidebar should scroll with the page. however the sidebar should not overlap with the footer. therefore sidebar should only scroll along with the page till the end of the div section. please take a look at http://www.cyberfanatic.com/ the red block represents the sidebar that i want to scroll however i know it is not big enough to overlap the footer but the sidebar. please help me.

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.