Hello guys,
So we have a project to remake our portfolio and there has been a concept that I have been wanting to try out for a while.
Basicly the idea consists of a few of really big divs which are rotated so only a part of them is visible. I managed to achieve something similar, but the problem is that they shouldn't be visible outside the browser window.
I have searched a lot on google(went until 10th page) but still no idea why it isn't working.
Of course the obvious solution is overflow-x: hidden but that doesn't help.
Anyone have other ideas?
Here is a link for the work version of the site.
https://dl.dropbox.com/u/65424541/Unnamed Site 3/index.html
Note: I am using a jquery addon for smooth scrolling, which also adds a custom scrollbar. Without it usually the default OS scrollbar gets hidden, but if the user uses the middle mouse button and drags right he can still scroll outside view.
So we have a project to remake our portfolio and there has been a concept that I have been wanting to try out for a while.
Basicly the idea consists of a few of really big divs which are rotated so only a part of them is visible. I managed to achieve something similar, but the problem is that they shouldn't be visible outside the browser window.
I have searched a lot on google(went until 10th page) but still no idea why it isn't working.
Of course the obvious solution is overflow-x: hidden but that doesn't help.
Anyone have other ideas?
Here is a link for the work version of the site.
https://dl.dropbox.com/u/65424541/Unnamed Site 3/index.html
Note: I am using a jquery addon for smooth scrolling, which also adds a custom scrollbar. Without it usually the default OS scrollbar gets hidden, but if the user uses the middle mouse button and drags right he can still scroll outside view.
Last edited: