Créer du contenu défilant pour un montant fixe de 100% de la hauteur de la div
Je voudrais créer une div scrollable. Je sais qu'ici beaucoup de l'exemple, mais aucun des deux ne fonctionne pour moi.
J'ai un .page de catégorie, qui se remplit mon mobile de l'écran. À l'intérieur de ça, j'ai un .contenu de la div. C'est de contenir le contenu des pages. C'est juste aligner le contenu à partir du haut, et il devrait avoir à faire défiler le contenu, si c'est de sortir de la .le contenu des frontières.
.page{
margin: 0;
padding: 0;
min-height: 100%;
width: 100%;
display: block;
}
.content{
padding: 4em 0 0 0;
overflow-x: hidden;
overlofw-y: auto;
/*-webkit-overflow-scrolling: touch;*/
}
Que dois-je faire pour le faire fonctionner?
Mise à jour
J'ai essayé de jouer du violon, et il est travaillé. Mais pas sur mon téléphone. À cause de cela je ne sais pas où devrait être le problème.
À cause de cela que j'ai joint mon code entier à la question. Ceci est très important pour moi de le faire fonctionner.
S'il vous plaît aider moi. Merci pour toute aide. 🙂
- fournir votre violon code.
overlofw-y: auto;
?- Avant que j'ai posé cette question, j'ai tout essayé dans mon désespoir.
- Quel téléphone que vous essayez-vous?
- Je devrais moi-même, les téléphones. Iphone, Samsung galaxy s, et une table (m-tech aTab 7)
Vous devez vous connecter pour publier un commentaire.
Est-ce que vous avez besoin??
DÉMO
Utilisation
span
balise pour spécifier le rembourrage pour les div du contenu coz si vous donnez un rembourrage pour le contenu de la div, il calcule que la hauteur supplémentaire 100%+4em donc..Et assurez-vous que vous spécifiez
html
etbody
hauteur de 100% à chaque fois que vous souhaitez utiliserheight:100%
dans votre page.Vous avez besoin pour obtenir la hauteur de la fenêtre pour cela et pour
.page
. De toute façon, vous devrez peut-être ajouter un peu de javascript pour que. J'ai utilisé jQuery pour la solution. [vous pouvez utiliser une autre bibliothèque, son jusqu'à vous. Je suis en vous proposant cette solution]Ici est de balisage:
CSS:
JS:
Viens de voir ce violon lien - (démo) - http://jsfiddle.net/LZT7B/