How to achieve this design?

Discussion in 'Web Design and Development' started by HarryPot, Apr 23, 2013.

  1. macrumors 6502a

    Joined:
    Sep 5, 2009
    #1
    Hi,

    I'm trying to do something like what appears in this page: http://shun.kaiusaltd.com.

    At the top, when you scroll the top part gets covered by that bottom part.

    I know how to achieve this by using position: fixed;, but this comes with the inconvenience of being unable to use links and in general I dislike using fixed elements.

    So, any ideas how this guys made it? I tried looking at their Page Source, but couldn't find anything.

    Thanks for any help.:)
     
  2. macrumors member

    Joined:
    Nov 25, 2010
    #2
    <ul class="slides"> contains the collapsible section that showcases the knives. There is a bunch of Javascript at the bottom of the page that handles the scrolling and slide transitions.
     

Share This Page