comment faire de hauteur automatique dépend de la résolution de l'écran

J'ai réfléchi à cela pendant presque une jours. Mais je ne trouve pas de solution à mon problème.

Est-il un moyen pour définir automatique de la hauteur div avec la barre de défilement, car à partir de maintenant, je suis en utilisant une correction de la hauteur, mais je vois le problème que lorsque je l'ouvre dans un autre ordinateur portable ou un pc avec une plus grande ou plus petite résolution d'écran elle est toujours dans la correction de la hauteur.

Voici mon div:

<div style="overflow:auto; width:1050px; height:760px;">

voici mon lien de sorte que vous pouvez voir le programme

Tout ce que je veux, c'est la hauteur sera automatiquement en fonction de la résolution de l'écran..

InformationsquelleAutor Princess Toledo | 2013-09-01
  1. 1

    Vous pouvez utiliser un script pour obtenir le résultat de la hauteur de la fenêtre et de le définir égal à l'objectif de l'élément de hauteur. Dans ce cas, la fonction est exécutée sur la charge et sur redimensionner. Chaque élément avec une classe de autoheight sera donné à une hauteur égale à la hauteur de la fenêtre, hauteur:

    EXEMPLE ICI

    var setElementHeight = function () {
    var height = $(window).height();
    $('.autoheight').css('min-height', (height));
};

$(window).on("resize", function () {
    setElementHeight();
}).resize();

    La méthode ci-dessus est très bien car il ne nécessite aucune modification autre que l'ajout d'une classe; toutefois, si vous voulais éviter à l'aide de jQuery, vous pourriez faire quelque chose comme ceci à la place:

    EXEMPLE

    html, body {
    height:100%;
    width:100%;
}
.autoheight {
    height:100%;
}
    • - vous m'aider aussi sur la façon dont je peux l'appliquer dans mon programme... je viens de copier coller, mais je ne sais pas quoi faire pour le faire fonctionner car je n'ai pas d'arrière-plan à l'aide de javascript. 🙁
    • pensais pourquoi il y a une barre de défilement si le navigateur hauteur est calculée. Il devrait être pas de barre de défilement...
    • C'est parce que j'ai ajouté de l'espace vide sous elle pour montrer qu'elle est au travail. L'arrière-plan:le bleu est représentative de la taille de l'écran, et ainsi le top de contenu.
    • seee....si c'est le calcul de la hauteur du navigateur de sorte qu'il sera également le calcul de la résolution de l'écran..Donc, je pense que celui que je cherchais...euh...pouvez-vous m'aider à le faire?? parce que je viens de le coller à l'intérieur de script...:( désolé d'être newbei en javascript
    • Vous avez également besoin de JQuery pour que cela fonctionne. Essayez la dernière version. Ensuite, placez la classe 'autoheight' sur ce que vous voulez de ce fait.
    • ce correct...je collez votre code à l'intérieur de cette fonction autoHeight(){ } puis <div class = "autoHeight">??? mais sa ne marche pas vraiment... vraiment désolé...
    • Regarde ma mise à jour de la démo. C'est un jsFiddle, vous pouvez voir l'ensemble de la codification.
    • Je pense que le principal problème maintenant, c'est ma conception..tout le contenu est tout bleu et il n'y a pas de scroll..hmmm merci de m'aider
    • toujours plus de questions mais je suis se soucier que cela peut vous agace...Si jamais je ne peux pas résolu mon problème puis-je avoir votre e-mail? si bien pour vous

    InformationsquelleAutor Josh Crozier
  2. 0

    Vous pouvez essayer d'utiliser la position fixe:

    <div style="position:fixed; overflow:auto; width:100%; height:100%;">
    • déjà essayé cela avant, mais n'est pas intégrée dans mon écran...ni ne fonctionne pas
    • pouvez-vous m'envoyer un lien à votre site web ou encore du code afin que je puisse regarder de plus près?
    • modifier mon post et il y a un lien de sorte que vous pouvez télécharger mon programme...son seul fichier..merci pour heelp 🙂
    InformationsquelleAutor Yotam Omer