1 reply [Last post]
calebdre
calebdre's picture
Offline
newbie
Last seen: 6 years 13 weeks ago
Timezone: GMT-4
Joined: 2013-07-18
Posts: 1
Points: 2

Hey guys, i'm trying to mimic the scrolling feature of this website: http://nylllon.com/
But i'm having a bit of trouble making content that's not in the view hidden. I see that in their code, they have 2 wrappers for the columns, one that has the overflow:hidden and then one that just holds in the columns. I did this but there seems to be a little more than that going on...
How would you achieve hiding the content that's not in view?
Here's my code:

.app-container{
	overflow:hidden;
}
.column-container{
	width:1600px; // this will be handled with javascript
} 
.column{
	width:300px;
}

surajnaikin
surajnaikin's picture
Offline
Enthusiast
india
Last seen: 4 years 34 weeks ago
india
Timezone: GMT+5.5
Joined: 2007-06-09
Posts: 111
Points: 72

custom scroll logic

Its not just CSS that will help to make a custom scroll bar, you'll have to use JavaScript to change the position on the click of the direction arrows. This JPEG can help you to understand the custom scroll logic.

AttachmentSize
custom-scroll-logic.jpg 143.44 KB