Website overflow problem

[Tim]

Hey,

I have a problem with the overflow on my webpage. In firefox, IE and chrome it works good. But in Safari and on the IOS and Android devices it doesn't. It will show the arrow to the right full size (as a circle) not as a half circle.
example: www.timvandevathorst.nl

I think this is because i put overflow-x to hidden.
What i want to know now is if there is a way to not hide the scollbar but just completely delete it so theres no way that peaple can scroll to the right.

Another example
On my Iphone i can scroll all the way to the right.. and in a browser i cant do that. (exept safari)

Thanks for your help!

 

[ronaldroe]

Why not just replace the image with a half circle and position it against the edge?

 

[Tim]

Because im using Jquery to push it left a few px on hover.

 

[rahmanpaidar]

Why not using "overflow:hidden"? It hides the scroll bar as you want. What is the problem exactly?

 

[Tim]

The problem is that when you do overflow:hidden its not hidden if your on a ipad or iphone. And when your in Safari and you click(hold) and drag your mouse to the right it will show the content thats supposed to be hidden.

 

[shovenose]

Safari sucks.

 

[ronaldroe]

Instead of moving the image on hover, you could replace it with one that is shifted a few px.

 

[Tim]

I tried that already but it doesn't look as smooth as it looks now. Isn't there another way?

 

[Tim]

I'm sorry, but i don't really understand what your talking about. I do have a specified width on my page.