Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Změna prvku na fixed v určité pozici

JavaScript JavaScript Změna prvku na fixed v určité pozici

Aktivity (1)
Avatar
Maxy_obr
Člen
Avatar
Maxy_obr:28.10.2016 16:39

Ahoj chtěl bych mít v pravé části fixní box podobných článků. Jen bych chtěl aby se mi "přichytil" až když odskroluji někam pod hlavičku k hornímu okraji a pokud. A naopak až pojedu zpět nahoru aby se pustil. Jak na to ? Díky :)

 
Odpovědět 28.10.2016 16:39
Avatar
Robert Poč
Člen
Avatar
Robert Poč:2.11.2016 14:05

$(document).re­ady(function () {
$(window).scro­ll(function () {
if ($(this).scro­llTop() > 145) {
$('#fixBox').ad­dClass('fixed');
} else {
$('#fixBox').re­moveClass('fi­xed');
}
});
});

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
 
Nahoru Odpovědět  ±0 2.11.2016 14:05
Avatar
Marian Benčat
Redaktor
Avatar
Marian Benčat:2.11.2016 14:31
$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 145) {
$('#fixBox').addClass('fixed');
} else {
$('#fixBox').removeClass('fixed');
}
});
});

Toto je správné řešení, jak robert poslal.

Nahoru Odpovědět 2.11.2016 14:31
"C# 3.0 (2007) volal Java 8 (2014), že chce svoje featury zpět"
Avatar
Maxy_obr
Člen
Avatar
Odpovídá na Marian Benčat
Maxy_obr:3.11.2016 9:27

Díky, potřebuji to sice v čistém js ale to už si snad zvládnu přepsat. :-)

 
Nahoru Odpovědět 3.11.2016 9:27
Avatar
Marian Benčat
Redaktor
Avatar
Odpovídá na Maxy_obr
Marian Benčat:3.11.2016 10:41

tak mu to prosim oznac jako reseni, at se to uzavre. Pointa je proste jednoducha. pri scrollu se koukne, jaka je hodnota a prida se fixed position pomoci classy. Takze to pomoci vanilla js urcite zvladnes.

Nahoru Odpovědět 3.11.2016 10:41
"C# 3.0 (2007) volal Java 8 (2014), že chce svoje featury zpět"
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 5 zpráv z 5.