Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <pre><code>overflow : scroll; </code></pre> <p>was my problem...</p> <pre><code>-webkit-overflow-scrolling: touch; </code></pre> <p>adding this line made scrolling smooth.</p> <p>Initially I thought it was an issue with multiple divs stacked on top of each other but then I researched it more thoroughly and found this site which explains iOS touch behavior in more detail: <a href="http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/" rel="nofollow">http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios/</a></p> <p>way simpler of a solution than I thought.</p> <p><br /> <strong>edit:</strong><br /> not so fast, now I have display issues with some elements. Researched it again and found this: <a href="http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/" rel="nofollow">http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/</a></p> <p>which tells me to use</p> <pre><code>-webkit-transform: translate3d(0,0,0); </code></pre> <p>on all relative elements.<br /> That kind of worked when I used it on some of my elements, but again it broke something else. Now when I scroll down, the page takes about 3 seconds! to load content that was previously not visible...</p> <p>I guess it's better than nothing, though it almost feels like Mobile Safari is the new Internet Explorer<br /> Will try to find another fix...</p> <p><strong>edit2:</strong><br/> I managed to get it mostly working. It still has some display issues (the main background behing my elements still has the 2-3sec loading problem) but at least my other elements are instantly visible.</p> <p>What I did is use</p> <pre><code>-webkit-transform: translate3d(0,0,0); </code></pre> <p>on one of my top-most (id #) elements, instead of all the relative elements as mentioned in the article with the universal selector *{}</p> <p>For backwards compatibility with the scrolling behavior they mention a polyfill such as <a href="http://filamentgroup.github.com/Overthrow/" rel="nofollow">overthrow</a>.</p>
    singulars
    1. This table or related slice is empty.
    1. POmy site is very laggy on ipad/iphone, removed css-effects & javascript
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USStoikerty
    1. USStoikerty
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POmy site is very laggy on ipad/iphone, removed css-effects & javascript
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COactually, this "trick" creates problems. my javascript-related css is now all messed up...
      singulars
      1. PO
      1. USStoikerty
    2. COusing `-webkit-transform: translate3d(0,0,0);` on all relative elements kind of helps in fixing the weird behaviour, updated my answer
      singulars
      1. PO
      1. USStoikerty
    3. COHave you tried applying the `-webkit-backface-visibility` property on a high level element with elements of either `visible` or `hidden`? This can have a similar effect to `transform: translate3d` in that it can force GPU acceleration – with different weird side-effects ;)
      singulars
      1. PO
      1. USBarney
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload