Window "size-change" elkapás jqueryvel
Üdv!
Nos a cím lehet kissé megtévesztő, ezért bele is vágok a közepébe, hogy érthetővé válljon.
Adva vagyon egy függvény, mely a weboldal láblécét igazítja dinamikusan a böngészőablak aljához, ha a generált tartalom kissebb, mint a böngészőablak magassága. Vagyis többek közt ezt is csinálja... a lényeges, hogy méretváltáskor (húzogatom egérrel) lefutnak a függvények, azonban ha a címsoron lévő teljes méretre klikkelek, a script nem észleli ezt a változást, így nem fut le a függvény. Másolom a kódrészletet:Természetesen próbáltam a jól bevállt jQuery(window).resize -t is, egyszerűen ez kicsit szimpatikusabb volt :) Az idevágó függvények, amiket behív, pedig ezek:Mint látható, a sidebart szeretném akkora magasságúra növelni, amekkora a tartalmi content rész, mivel benne található egy, az aljához igazított tag, mely a lábléc fölött helyezkedik el. Az 58 pedig a lábléc magassága jelen esetben ^^
Tehát a probléma, hogy mikor teljes méret/előző méret között kattintással váltok, akkor a függvény nem fut le, a sidebar is csak akkora magasságú marad, mint kisnézetben volt. Nem tudom valaki tudja-e, hogy lehet eme eseményt jól elkapni és aztán adni neki a képébe.. de nagyon megköszönném :) A kommenteket pedig előre is köszönöm!
C.
■ Nos a cím lehet kissé megtévesztő, ezért bele is vágok a közepébe, hogy érthetővé válljon.
Adva vagyon egy függvény, mely a weboldal láblécét igazítja dinamikusan a böngészőablak aljához, ha a generált tartalom kissebb, mint a böngészőablak magassága. Vagyis többek közt ezt is csinálja... a lényeges, hogy méretváltáskor (húzogatom egérrel) lefutnak a függvények, azonban ha a címsoron lévő teljes méretre klikkelek, a script nem észleli ezt a változást, így nem fut le a függvény. Másolom a kódrészletet:
jQuery(window).bind( 'resize', function() {
mobilizeMe();
heightCorrect();
if (link == 'index') {
sectHeadline();
}
});
function docSize() {
var dheight = $('body').height(),
cbody = $('.container').height(),
wheight = $(window).height(),
cheight = wheight - dheight + cbody;
function changepush() {
if (wheight > (dheight + 1)) {
$('.container').height(wheight-dheight+cbody);
} else {
$('#sidebar').height($('#main').height()+58*2);
}
}
function noscroll() {
if (wheight > dheight) {
$('body').addClass('noscroll');
}
else if (wheight <= dheight) {
$('body').removeClass('noscroll');
}
else {}
}
if (wheight > dheight){
$('.container').height(cheight);
$('#sidebar').height(cheight - 58);
}
changepush();
noscroll();
}
function heightCorrect() {
if(jQuery('.container').width() > 556 ) {
wheight = $(window).height();
docSize();
}
}
Tehát a probléma, hogy mikor teljes méret/előző méret között kattintással váltok, akkor a függvény nem fut le, a sidebar is csak akkora magasságú marad, mint kisnézetben volt. Nem tudom valaki tudja-e, hogy lehet eme eseményt jól elkapni és aztán adni neki a képébe.. de nagyon megköszönném :) A kommenteket pedig előre is köszönöm!
C.
CSS
Nos
C.
modernizr
A problémát egyébként valóban meg lehet oldani pusztán css-ből.
Furcsa
De csatlakozom előttem szólókhoz: én is csak css-el csinálnám.