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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How to create a page drop like the BBC website

    Does anyone know How I can replicate this functionality on the BBC site?

    If you go to the bbc 2012 page: http://www.bbc.co.uk/2012/

    and you position the mouse over the "London 2012" menu button, the lower half of the page automatically drops.

    I'm trying to recreate this function but I want the page to drop on-click and stay down.

    Please help.

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    2,451
    Thanks
    17
    Thanked 275 Times in 275 Posts
    That should be pretty easy. Just have a div above the div that people see when the page opens, have javascript set it to display: none;visibility: hidden; when the page loads, make a function that changes it to display: block;visibility:visible; when you click, maybe make it toggle. Set the hidden aspect in javascript and not just in css, when you set it in css it doesn't load smoothly. And get your z-indexes correct.

  • #3
    New to the CF scene
    Join Date
    Jun 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks man. I find a solution similar to the one you described.


  •  

    Tags for this Thread

    Posting Permissions

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