Do nového roku jako lepší programátoři? Znovu otevíráme večerní školu programování. Nette framework, návrhové vzory, testování nebo vůbec poprvé kurzy ASP.NET dostupné odkudkoli v republice.

Diskuze: Skákání na stránce

JavaScript JavaScript Skákání na stránce

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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.3.2016 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.