Újraszámítása magassága fordulópont elemek Ablakátméretezés

szavazat
2

Régebben a jQuery plugint Waypoints együtt fix menü egy oldal honlapján. A menü tartalmaz egy felfelé és lefelé mutató, mint a fordulópont vezetjük tudom használni jQuery hogy módosítsa a link a fel és le nyíl a következő vagy az előző oldalra. Ha megnyomja a gombot, azt használja jQuery görgető lépjen az adott oldalra. Ez elég jól működik, és nem vagyok benne biztos láttam jQuery útpontok ilyen módon felhasznált előtt. Köszönöm a jó plugint!

Azonban, próbálok tenni oldalamon teljesen fogékony, és én magam egy kérdés, amit azt hiszem, a frissítési a fordulópont információkat. Amikor az ablak mérete megváltoztatható, a magassága az oldalak (amely éppen számoljuk, amikor a útpontok vannak definiálva) nem változik. Ez azt eredményezi, helytelen scroll távolságot.

Diák vagyok, és a kód egy kicsit rendetlen, és talán egy kicsit nem hatékony, hanem egy béta verziója oldalamon itt látható: http://beta.kyleboulay.com

Ismét, csak hogy egyértelmű: a probléma akkor jelentkezik, ha átméretezi az ablakot, ha az oldal betöltődik, a távolságokat nem újra kiszámítani.

EDIT: Úgy látszik, valamelyest rögzített a probléma megváltoztatásával az eltolás értékét az út pont 50%. De ez még mindig jó, hogy tudja, hogyan kell kiváltani a újradefiniálása útpontok a Ablakátméretezés.

Minden segítséget lenne nagyon méltányol! Kösz.

Az alábbiakban egy példát a kódot.

Azt határozza meg én útpontok, mint ez:

//first get all the pages // this returns my six pages

sections = $(.pages);

//then define what happens as each waypoint is passed, depending on the direction**

$(sections[5]).waypoint({

    handler: function(event, direction){

                //console.log('5');
                distanceDown = $(sections[5]).offset().top;
                distanceUp =  $(sections[4]).offset().top;

                if(direction==='up'){

                    //console.log('5 up');
                    distanceDown = $(sections[5]).offset().top;
                    distanceUp =  $(sections[3]).offset().top;

                }

    },

    offset: '50%'

});

//then when the down or up button is pressed on the menu, i do the following:

$('#icon-up').click(function(){

$('html, body').animate({ scrollTop: distanceUp }, { duration: slideSpeed, easing: 'swing' });

});//end inline
A kérdést 24/11/2012 19:36
a forrás felhasználó
Más nyelveken...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more