Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Apr 23, 2013, 12:31 PM   #1
HarryPot
macrumors 6502a
 
Join Date: Sep 2009
How to achieve this design?

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.
HarryPot is offline   0 Reply With Quote
Old Apr 23, 2013, 11:32 PM   #2
zObsidian
macrumors member
 
Join Date: Nov 2010
<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.
zObsidian is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 08:10 AM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC