Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

Aktivity
Avatar
mat.masar
Člen
Avatar
mat.masar:4.3.2016 17:09

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
Tvůrce
Avatar
Odpovídá na mat.masar
Honza Bittner:4.3.2016 18:21

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í
+2,50 Kč
Řešení problému
Nahoru Odpovědět
4.3.2016 18:21
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:4.3.2016 19:09

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
Tvůrce
Avatar
Odpovídá na mat.masar
Honza Bittner:4.3.2016 20:04

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:4.3.2016 22:00

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
Tvůrce
Avatar
Odpovídá na mat.masar
Honza Bittner:5.3.2016 9:39

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:5.3.2016 10:14

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
Tvůrce
Avatar
Odpovídá na mat.masar
Honza Bittner:5.3.2016 11:53

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:5.3.2016 21:41

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
Tvůrce
Avatar
Odpovídá na mat.masar
Honza Bittner:6.3.2016 12:24

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
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
mat.masar
Člen
Avatar
Odpovídá na Honza Bittner
mat.masar:6.3.2016 12:26

Ok, zůstanu u toho.

 
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.