Community Forums › Forums › Archived Forums › Design Tips and Tricks › no scroll bars on iphone 4 & 4s using enterprise pro
Tagged: iphone 4, no scroll bar, no scrolling, responsive, scrollbar
- This topic has 6 replies, 2 voices, and was last updated 8 years, 6 months ago by selkin.
-
AuthorPosts
-
June 1, 2015 at 8:41 am #154377selkinMember
New Site under dev, ran through responsinator and things look pretty good/as expected. But as is usually the case, this particular client has an iphone 4s, which is not represented on responsinator, and when they view the dev site no scrollbars appear...so they cannot navigate on page content.
I am pretty sure I have not monkeyed with anything that would affect this since orig install of Enterprise Pro, so may be an issue with the theme?
Also, when I check on an iphone 4 specific simulator... http://iphone4simulator.com/ , it appears to confirm the behavior (no scrollbars).
Any thoughts?
Thanks.
http://209.95.59.111/~acquisit/blog/June 1, 2015 at 9:17 am #154386brockMemberI have an iPhone 4 and your site scrolls fine even though scrolling doesn't work in the simulator site you provided. Mine is not a 4s, though. Does that help narrow things down a little bit?
June 1, 2015 at 9:46 am #154392selkinMemberBrock, thanks for checking. : )
I had an inquiry out to the client as to whether the behavior was at all times/on all pages, and it sounds like it is ONLY on the biz listings pages that contain an iframe, such as
http://209.95.59.111/~acquisit/blog/businesses-sale/florida-restaurant-business-listings/So that makes it a different animal. I can visit those pages on my phone and in responsinator and scrollbars do appear, but I'm guessing not on the 4s or 4.
Thanks.
July 8, 2015 at 1:41 pm #158828selkinMemberI ordered a used iphone 4s, just came in the mail today. The issue is confirmed on 4s. I will continue to play with scroll bar settings and such, but I am not optimistic that this approach will be successful. So another, uglier approach came to mind... break the responsive design on these listing pages (so that the main content area is a fixed width on these pages alone). What would be the best way to do this only on specific pages?
August 24, 2015 at 3:21 pm #163345selkinMemberAfter a lot of testing and searching, adding the webkit line below to existing .content seems to have fixed the issue. So now the iframe is scrollable in iphone 4s!!!! I still need to make sure it doesn't cause issues in other ways, but I'm hopeful : )
@media only screen and (max-width: 480px) { .content { padding: 30px; -webkit-overflow-scrolling:touch; overflow:auto; }
August 28, 2015 at 6:12 am #163867selkinMemberQuite wanted to put this to rest. But...
A couple of people testing on 4s and iphone 5 experienced the iframe scroll "locking up". I can't replicate it on the 4s. If anyone can take it for a spin on their iphone, I would appreciate it...and any thoughts on why it might be locking up. Thanks.
September 26, 2015 at 7:57 am #166712selkinMemberStill at an impasse here.
The latest feedback is that
"on iphone 5 and 6 devices, when you turn the device on its side (horizontal orientation) you can no longer scroll sideways within the iframe . You can only scroll up/down.
When the phone is oriented in its typical vertical orientation, you can scroll both up/down and sideways."
Can anyone please help further with this? What can I do to make this iframe scroll/behave on all iphones? If anyone has a 5 or 6, can you give it a spin in both portrait and landscape modes and let me know what is going on please?
Thanks.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.