Avatar
mat.masar
Člen
Avatar
mat.masar:

Ahoj, mám na stránkách sticky menu, ale strašně to poskočí, když se trochu posunu dolů. Nevíte jak to vyřešit?
Díky za odpovědi.

www.matmasar.wz.cz

 
Odpovědět 4. března 17:09
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na mat.masar
Honza Bittner:

Máš to totiž špatně udělané...

Když něco přesuneš do fixed pozice, obsah, který vyplňoval tu stránku zmizí, což samozřejmě zapříčiní přesunutí obsahu do nyní již prázdného prostoru.

Takže doporučuji mít element s pevně danou výškou a v tom ten element, který chceš mít fixní. Když přesuneš element na fixní pozici, zůstane ti tam ten obalovací element a nic se neposune. :-)

Koukni na články tu: http://www.itnetwork.cz/…otova-reseni, určitě jsem to tam popisoval. :-)

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět 4. března 18:21
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:

Jo díky, funguje to.. Nedá se to ještě zmírnit? Ještě to trochu poskočí...

Ať nezakládám nové téma...
Jak mám udělat odkaz, aby se po kliknutí spustil scroll?

onclick="nazevfunkce;"; href="reference.html"

David Čápka psal, že takhle se to používat nemá, jak to tedy mám udělat?

 
Nahoru Odpovědět 4. března 19:09
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na mat.masar
Honza Bittner:

Mohl by sis prostě přečíst ty články, na které jsem dával odkaz? :P

Nahoru Odpovědět 4. března 20:04
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:

I přes přečtění(znovu) jsem nenašel odpověd, jak spustit anonymní funkci přes onclick v html a jak to propojit. :)

 
Nahoru Odpovědět 4. března 22:00
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na mat.masar
Honza Bittner:

Viz http://www.itnetwork.cz/…mooth-scroll

S využitím jQuery:

$('a.tlacitko').on('click', function(){

});
Nahoru Odpovědět 5. března 9:39
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:

Asi jsem se vyjádřil špatně...
z hl. stranky je odkaz na podstránku, ale zároveň se to má odrolovat dolů... V rámci jedné stránky to mám, ale v rámci přesunu na jinou stránku + rolování nevím jak to zkombinovat.

 
Nahoru Odpovědět 5. března 10:14
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na mat.masar
Honza Bittner:

Jasně, už chápu.

S využitím jQuery možná nějak takto:

$(function() {
  // po načtení stránky ^^

  var hash = location.hash;

  if (hash.replace('#', '') != '') {
    // scrollni na proměnnou hash (ta ma hodnotu "#mujhash")
  }
})

Ale nevím jak to bude fungovat s tím defaultním přesunem na kotvu... Možná to bude chtít ještě nějak doladit.

Nahoru Odpovědět 5. března 11:53
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:

Já nevím, nějak takhle? S js neumím :D

 $(function(){
    $('nav a').on('click', function(e){
        var odkaz    = $(this).attr('href'),
            rychlost = 1000,
            efekt    = "easeInOutQuart";
                var zahlavi = $('#zahlavi');

                var hash = location.hash;
                if (hash.replace('#', '') != '') {

        $("html, body").stop(true,true).animate(
            { scrollTop: $(hash).offset().top - zahlavi.height()},
            rychlost, efekt );

        e.preventDefault();
  }
    });
});

Něco jsem si o tom hledal, ale moc jsem z toho nezjistil.

 
Nahoru Odpovědět 5. března 21:41
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na mat.masar
Honza Bittner:

Když ti napíšu nějakou základní strukturu a ty jí překopíruješ dovnitř události on click, myslíš si že to bude fungovat?

Obecně se scrollování po přístupu na stránku nepoužívá, je to lepší UX, zůstal bych u toho.

Nahoru Odpovědět 6. března 12:24
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
mat.masar
Člen
Avatar
 
Nahoru Odpovědět 6. března 12:26
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.