Question Définit dynamiquement la hauteur DIV en fonction de la hauteur de la fenêtre d'affichage


J'essaie de définir une hauteur de div à 30% de la hauteur de la fenêtre d'affichage et j'aimerais beaucoup la mettre à l'échelle lorsque la hauteur de la fenêtre d'affichage change.

J'ai essayé de régler la hauteur minimale: 30%; hauteur: 30% mais ça ne marche pas.

J'ai regardé la hauteur de JQuery (); mais je ne sais pas comment commencer.

Merci.


12
2017-07-03 18:31


origine


Réponses:


function thirty_pc() {
    var height = $(window).height();
    var thirtypc = (30 * height) / 100;
    thirtypc = parseInt(thirtypc) + 'px';
    $("div").css('height',thirtypc);
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

27
2017-07-03 18:45



Ceci est essentiellement la réponse de Liam Bailey, mais avec un trente_pc () qui devrait être à la fois plus rapide et plus concis:

function thirty_pc() {
    $("div").css('height', '' + Math.round(.3 * window.height()));
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

Si vous l’aimez, veuillez quand même accepter les Liams, mais la mienne. :)


18
2017-07-03 19:25



window.onresize=function(){
    $("#selectedDiv").height( ($(window).height()*.3) );
}

0
2017-09-26 09:31



Celui-ci fonctionne à 100% pour la hauteur de la fenêtre d'affichage de toute section div, qui a cette classe en utilisant Jquery. Utilisez la fonction supplémentaire pour ajuster la hauteur à 30% actuellement, c'est 100% s'il vous plaît promouvoir si vous l'aimez.

function thirty_pc() {
    $(".introduction").css({'height':($(window).height())+'px'});
}

$(document).ready(function() {
    thirty_pc();
    $(window).bind('resize', thirty_pc);
});

0
2018-03-25 13:26