Scrollen von Problemen auf einer Webseite mit fester Kopf- und Fußzeile in iOS7

Das wird schwierig für mich zu erklären sein, aber ich werde versuchen: Meine Webseite arbeitet zunächst an mobilebrowser in iOS6.x, Android, W7 und Desktop-Browser IE9, Safari und Chrome. Das Problem tritt in Apples mobilem Safari-Browser in iOS7 auf. Ich hatte ein Problem mit einem sticky footer und der virtuellen Tastatur, aber das wurde gelöst hier

Jetzt habe ich ein Problem beim Scrollen auf der Seite. Wenn Sie nach unten scrollen, wird normalerweise die Navigationsleiste ausgeblendet und die Adressleiste wird auf iOS7 verkleinert. Das passiert nicht. Der Inhalt zwischen der festen Kopf- und Fußzeile wird geblättert, aber die Fußzeile des Inhalts wird von der Fußzeile und der Navigationsleiste überlagert. Ich muss warten, bis das Scrollen aufhört, bevor ich wieder runterscrollen kann. Dann schrumpft die Adressleiste, die Navigationsleiste wird ausgeblendet und der untere Inhalt wird angezeigt. Wenn ich am unteren Rand meiner Seite bin und nach oben scrollen möchte, passiert das Gleiche, nur aufwärts: Scrollt man nach oben, überlappen sich die Kopfzeile und die winzige Adresszeile mit dem oberen Inhalt, warte auf das Scrollen Scrollen Sie erneut, um die Adressleiste zu erweitern, die Navigationsleiste anzuzeigen und den oberen Inhalt anzuzeigen. Hoffe, dieses Bild kann helfen:

Hier sind einige der css-Code:

Und hier sind einige der HTML: