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
In Smalltalk, everything is an object, In Clojure, everything is a list, In Javascript, everything is fucking mistake
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
In Smalltalk, everything is an object, In Clojure, everything is a list, In Javascript, everything is fucking mistake
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.