2010-07-29 5 views
0

J'utilise le redimensionnement jquery pour redimensionner le contenu de ma page Web. Cela fonctionne, mais je veux que lorsque l'élément atteint la hauteur ou la largeur désirée, il devrait arrêter de redimensionner, comment puis-je y parvenir?Taille et largeur max avec jquery redimensionner

Voici le code:

$(window).resize(function(){ 
    $(map).height(win.height() - 210); 

    if($(window).height() == 300){ 
     $(map).css({ 
        "height": "250px" 
        }); 
    } 
}); 

Je l'ai fait une déclaration, mais si cela ne fonctionne toujours pas, ce qui ne va pas avec le code. S'il vous plaît me conseiller à ce sujet?

Merci d'avance.

Répondre

0

Vous dites si = 300. tthat est très spécifique, j'utiliser >= 300

+0

Je viens de> = 300, mais il saute à cette hauteur et il reste à cette hauteur, peu importe comment je redimensionner la fenêtre après . Je pense que l'événement de redimensionnement s'arrête quand il atteint cette hauteur de 300. Tout ce que je veux, c'est quand il atteint 300px de hauteur, une barre de défilement devrait apparaître et l'utilisateur peut faire défiler vers le haut pour voir le reste du contenu. Savez-vous comment ça? – Shaoz

2

Régler le maxHeight du redimensionnable div

$(document).ready(function(){ 
    $("#map").resizable({ 
     maxHeight: 300 
    }); 
}); 

Et puis définissez le div correspondant à un rouleau bar sur overflow

Cela permettrait au div d'avoir toujours une barre de défilement et de limiter l'utilisateur lors du redimensionnement correspondant div

source: jQuery resizable API (max/min)

+1

Juste noter, faute de frappe ici, il devrait être entier (300, pas 300px) – NenadP

Questions connexes