Roleta debug..

Zdravím,

měl bych na Vás dotaz, nevíte kde bych sehnal nějaký kus kódu, nebo poradili by jste mě jak dokončit stávájící kód? Potřeboval bych takovou tu roletu, jak ji prostě můžete čapnout a když ji vytáhnete do určité úrovně, tak se stáhne v opačné případě zajede zpět. Napsal jsem v jquery kód, ale nechová se to jak bych chtěl, viz kód:

$(document).ready(function() {
var drag = $("#draggable");

drag.draggable({ axis: "y" });

drag.mouseup(function(){
var position = drag.position();

if(position.top < 120){
drag.animate({
marginTop: "-400px"
});
} else {
drag.animate({
marginTop: "0px",
top: "0px"
});
}
});

});


css:

#draggable {
width: 100%;
height: 400px;
background: lightgray;
border-bottom: 6px silver solid;
margin-top: -400px;
}

a css position? neni videt zbytek struktury...

Pošlete kompletní ukázku přes http://pastehtml.com/
A příklady kódu tady na fóru obalujte do [ CODE ] pro formátování a zvýraznění syntaxe.

Tak zde je html http://pastehtml.com/view/bv6evohne.html, a http://pastebin.com/zQGJnqu9 roleta jak jste si mohli všimnout jede, když ji stáhnete tak se chová ok, ale jakmile s ní začnete hejbat jinak, dolů nebo tak, se to celé nějak zvrhne. Díky za odpoveď.

pouzivejte nejaky development nastroj - usetrite si tim spousty casu.

staci upravit takto :

Kód:

if(position.top < 120){
            drag.animate({
                marginTop: "-400px",
                top: "0px"
            });
        } else {
            drag.animate({
                marginTop: "0px",
                top: "0px"
            });

v developeru chrome je to videt hned

Funguje perfektně, děkuji. Development nastroj mám chrome, akorát nechápu, máte namysli konzolu ?

ne konzolu, v chrome developer tools je videt ( i iframe na pastebin se da rozkliknout), ze prvku draggable zustava v inline stylu hodnota top (kdyby jste si drag udelal sam, tak vite proc) pokud je top>120 tak se nevynuluje a draggable ma treba -100px top a k tomu -400 margintop tak neni videt

Aha, už sem pobral. :D Děkuji..