I can't remove the vertical scrollbar in PS3 NetFront browser. Even where there is no content in the page, a greyed out scrollbar still appears. I have tried messing around with the overflow property but I've had no luck.
There's not much info out there for developing a site for PS3/Netfront. Can anyone help?
Solved, putting a scroll="no" on the body tag seems to work.
Related
We've implemented fancybox iframe popups throughout our system and it works great, but I've noticed these annoying horizontal scrollbars popping out on the outside of the frame. We get scrollbars where necesary inside our content area, but these ones just show up 100% of the time even when there's nothing to scroll. I've tried a number of things with CSS but have not had any luck thus far. Screenshot below to show what I'm referring to.
Any ideas?
https://ibb.co/88ZhBbX
EDIT: https://ibb.co/82bPxkd - image showing overflow being set to hidden on iframe and wrapper container.
Maybe someone knows how can I resolve the next problem.
I have attached a video to show my problem.
https://i.gyazo.com/ab9b7663b65fbf6d596897367ec3c565.mp4
There is something that covers my content when I am trying to scroll some areas of the project.
And it happens only on Safari on mobile devices.
This issue appeared because I redefined the scroll in all my project. So I have fixed this bug by setting 'overflow: hidden' to the body.
I have tried to remove the min-height several ways from this iFrame. But none of them work. I can't find my answer online so I have resulted to asking the question myself.
The iFrame I'm having trouble with is on this webpage:
https://www.prolifedistribution.co.uk/procast-i103
The iFrame is the anchor embed. As you can see, you can scroll on the iframe as it has a unwanted space at the bottom. I can't leave it there and revert back to showing it, as it's just too big and I need to add other anchor iFrames underneath.
Let me know what I should try and I will see if it works.
The problem is that the content inside the iframe has a min-height value set to 300px, so thats why the scrollbar appears. Since you don't have access to Anchor's code, the only way to fix this is to disable scrolling on the iframe. One way to do this is to add the scrolling="no" attribute to the iframe. This is not valid in HTML5 though, but browsers still support it.
I'm working with a webview this time. I've got a strange behaviour here.
The overflow-x is set to hidden, and works just fine on browsers. But when it comes to any mobile device, it doesn't respect the overflow at all.
http://www2.madeinweb.com.br/jobs/adc/prototype/html/
This is the URL of it. If you try to open the menu, it will work as intended. But I can scroll the content I placed left. That doesn't happen on browsers.
I know I can fully disable scrolling with jQuery, but I can't find a proper way to disable just horizontal scrolling.
Any tips over it?
I've managed to tweak it out with touchmove. thanks no one for the answer
I have the content of my website in an absolute positioned div that fills the whole screen. The scrolling on this div is normally clunky, as it's not the native momentum scrolling. Solution? Append -webkit-overflow-scrolling: touch; to the div.
Momentum scrolling works now, but when I scroll down the page, the div elements aren't showing up. The console shows no errors, nothing is wrong with the actual page, but the individual posts (the div's) don't show. Here's an example:
Can anyone confirm this on their iPad, or suggest a fix? I'd rather not use something along the lines of Scrollability. It might be that the iOS6 beta is causing this, but I'd like to be reassured.
You can view this site on your iPad
And if anyone wants me to explain my bookmarks, I will gladly do so.
Currently .post CSS class uses position: relative. If you remove that line, the issue goes away. Apparently relatively position elements are hidden when not within the view. Not exactly sure the why the iPad does this or if it is a bug. In my experience, iPad devices try to run as efficiently as possible. For example, if you scroll JS animations are frozen. Perhaps this is a technique to make iPads render pages more efficiently. Hopefully that helps.
This article maybe be related and have a work around: CSS3 property webkit-overflow-scrolling:touch ERROR
Using '-webkit-overflow-scrolling: touch' hides content while scrolling/dragging