4

Ok, so I'm using the suggested window-scrollTo method and it's working just swimmingly everywhere except for one little sticking point.

When Safari decides to show the "Reader" button figuring I might want to save my page for later reading, it keeps the address bar up for a full 5 seconds before finally hiding it like I asked. Kind of an eternity in UX time.

Is this an iOS 6 thing or did it also do this in iOS 5? (I don't have a 5 device to test it on at the moment.) Also, is there any way to get around it?

Community
  • 1
  • 1
Dan Berlyoung
  • 1,595
  • 1
  • 16
  • 36
  • I found an iOS 5 device and the delay is still there but significantly shorter. 3s or so. – Dan Berlyoung Sep 24 '12 at 18:27
  • i can confirm that this started as of ios6 and has been working fine until ios5. – clamp Oct 16 '12 at 12:46
  • There seems to be no fix for this at the moment. The problem I am having is that the URL bar actually covers my content (H1) during these 5 seconds. Quite annoying and interferes with reading of the site :( – jwinn Mar 30 '13 at 23:39

3 Answers3

2

I've looked around quite a bit and there doesn't appear to be any way to disable the reader button. The only possible solution I found was to make your site less "readable" so Safari doesn't add the reader button. Exactly what makes a site "readable" is pretty murky.

Here's some research on what makes something "readable": http://mathiasbynens.be/notes/safari-reader

Here's a method to make it less readable by putting your content in CSS: http://askmike.org/2012/12/a-hacky-way-to-remove-the-reader-button-in-ios-safari/

The bottom line seems to be that there is no solution. Hopefully Apple will add a meta tag to disable it or at least let us hide the address bar faster.

dmertl
  • 747
  • 6
  • 13
0

Here is what worked for me:

I placed all content inside an ol tag.

<ol style = "padding:0;margin:0"> 
   my content
</ol>

From what I read elsewhere, the reader is partly triggered by the number of words on a page, but does not count words inside an ol.

user984003
  • 23,717
  • 51
  • 158
  • 250
-1

You can disable the reader button by hiding the content that triggers it.

And then displaying that content 1s after the page loads.

For instance, hide all your <p> elements if they are triggering the reader button.

Bruno Croys Felthes
  • 1,169
  • 7
  • 27
duhoang
  • 33
  • 4