Contenu de défilement sur la page mobile fixe avec en-tête/pied de page

Bonjour je suis à la construction d'un mobile de la page web où le contenu de mon seul sera défilement et mon pied de page et en-tête est en position fixe puis-je rendre le contenu, afin de ne pas défiler sous l'en-tête ou le pied de page , alors qu'il a juste fait défiler dans son propre div.

La raison pour laquelle je veux faire c'est que je vais avoir une certaine opacité sur mon en-tête et pied de page, et si le contenu défile sous , c'est juste pas à la recherche de bonnes.

Heres un jsfiddle que j'ai fait pour vous montrer l'exemple de la faire défiler

http://jsfiddle.net/VNVqs/

Vous devez supprimer toutes les position absolute & donner une hauteur fixe à défilement de contenu ou le papier d'emballage avec trop-plein automatique. Et supprimer position fixe de la tête & pied de page. Vérifiez ceci: jsfiddle.net/VNVqs

OriginalL'auteur Fruxelot | 2012-06-05

  1. 6

    Vous êtes ici:

    http://jsfiddle.net/VNVqs/3/

    J'ai juste enlevé le position: absolute à la vitesse de défilement de la partie (wrapper et de défilement du contenu), et ajouté quelques padding à l'emballage afin de laisser le premier et le dernier point de ne pas être sous l'en-tête et pied de page.

    En gros, le truc est fait en utilisant position: fixed uniquement sur l'en-tête et pied de page, et laissez le reste de la page pour faire défiler une page normale, sans l'aide de overflow: auto sur une hauteur fixe de l'élément. Faire de cette façon, le seul problème est que les premières lignes de votre contenu sera toujours sous le fixe positionné en-tête (et de la dernière sous le pied de page), mais vous pouvez résoudre ce problème en appliquant une marge interne sur le contenu de l'enveloppe, comme beaucoup de comme en-tête et pied de page) de hauteur. Vous l'avez acheté?

    Merci mais le contenu est toujours sous l'en-tête et pied de page - peut-être que j'ai été un peu vague en expliquant le problème. j'ai ajouté un peu d'opacité à l'en-tête et pied de page. je ne veux pas que tout le contenu pour être en mesure de faire défiler sous l'en-tête ou le pied de page - est-il possible? jsfiddle.net/VNVqs/4
    J'ai mis à jour ma réponse, aussi l'exemple de lien. Voir Tripoter apoc. 3.
    Ouais en Premier et dernier éléments sont d'accord - mais QUAND vous êtes de défilement , les éléments sont "derrière" l'en-tête. c'est mon problème haha! Je viens de modifier l'opacité sur l'en-tête et pied de page juste pour montrer que lorsque la page se défiler les éléments se met derrière l'élément.
    Ok, donc je n'ai pas bien compris. Je pense que vous serez à la recherche exactement pour cela. Donc, votre premier exemple, semble déjà ok pour moi. Le contenu défile sur son propre et ne pas aller sous l'en-tête ou le pied de page... Ce qui me manque?
    Wow... je dois être simplement stupide - ce qu'il fonctionne... haha. Merci pour l'aide que tu!

    OriginalL'auteur lorenzo-s