Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    evo
    evo is offline
    waka Ionsurge
    Join Date
    Feb 2005
    Location
    United Kingdom
    Posts
    895
    Thanks
    5
    Thanked 12 Times in 12 Posts

    Question Magnetic/Fixed DIVs?

    Not sure how to best describe these, but these divs, they are made to stick to the top the screen for pages that are particularly long, until they reach the bottom, where they seem to take their normal form.

    Trying to find a site now that uses this feature (usually on side bars) and am having no luck.

    Hopefully you guys can help shed light on how this is done?

    I'll continue searching in the meantime for a site with an example.

  • #2
    Regular Coder
    Join Date
    Dec 2011
    Posts
    201
    Thanks
    12
    Thanked 26 Times in 26 Posts
    you mean like facebook?

  • #3
    Regular Coder
    Join Date
    Dec 2011
    Posts
    201
    Thanks
    12
    Thanked 26 Times in 26 Posts
    PHP Code:
    .slim #blueBar {
        
    border-bottom1px solid #133783;
        
    box-shadow0 2px 2px -2px rgba(0000.52);
        
    height37px;
        
    positionrelative;
    }
    kRVlFd08-_n.css (line 626)
    #blueBar.fixed_elem {
        
    left0;
        
    right0;
        
    top0;
    }
    kRVlFd08-_n.css (line 368)
    #blueBar {
        
    background-color#3B5998;
        
    min-width981px;
        
    z-index300;
    }
    kRVlFd08-_n.css (line 367)
    .
    fixed_elem {
        
    positionfixed !important;


  • Users who have thanked SeattleMicah for this post:

    evo (02-28-2012)

  • #4
    evo
    evo is offline
    waka Ionsurge
    Join Date
    Feb 2005
    Location
    United Kingdom
    Posts
    895
    Thanks
    5
    Thanked 12 Times in 12 Posts
    I don't use facebook - will try your option Micah, and will let you know how I get on with it.

    Thank you

  • #5
    evo
    evo is offline
    waka Ionsurge
    Join Date
    Feb 2005
    Location
    United Kingdom
    Posts
    895
    Thanks
    5
    Thanked 12 Times in 12 Posts
    That actually seems to make it fixed absolutely to the page, whereas I'm trying to get it fixed within a parent div.

  • #6
    evo
    evo is offline
    waka Ionsurge
    Join Date
    Feb 2005
    Location
    United Kingdom
    Posts
    895
    Thanks
    5
    Thanked 12 Times in 12 Posts
    Crude mock up of what I'm after:



  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •