• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Przyklejane elementy bez jQuery

Aruba Cloud - Virtual Private Server VPS
0 głosów
165 wizyt
pytanie zadane 6 maja 2017 w JavaScript przez Bakr Mądrala (6,850 p.)

Witam,

 

Jak wykonać mechanizm przyklejania elementów bez użycia jQuery?

Kod z jQ:

$(document).ready(function() {
   var stickyNavTop = $('aside').offset().top;

   var stickyNav = function(){
   var scrollTop = $(window).scrollTop();

   if (scrollTop > stickyNavTop) {
      $('aside').addClass('sticky');
   } else {
      $('aside').removeClass('sticky');
    }
   };

 

1 odpowiedź

0 głosów
odpowiedź 6 maja 2017 przez ScriptyChris Mędrzec (190,190 p.)

Kolejno z góry na dół (pierw fragment z jQuery, pod spodem "na czysto"):

$(document).ready(function() {
  •  przerzucasz skrypt na koniec body, albo owijasz go w event 'DOMContentLoaded'.
var stickyNavTop = $('aside').offset().top;
$(window).scrollTop();
$('aside').addClass('sticky');
$('aside')
komentarz 6 maja 2017 przez Tomek Sochacki Ekspert (227,490 p.)

Tylko taka mała uwaga: querySelector() zwraca pierwszy napotkany element pasujący do danego selektora, natomiast aby pozyskać wszystkie zastosuj querySelectorAll().

Podobne pytania

0 głosów
1 odpowiedź 995 wizyt
pytanie zadane 19 lutego 2017 w JavaScript przez Allen Obywatel (1,010 p.)
0 głosów
2 odpowiedzi 654 wizyt
pytanie zadane 14 marca 2018 w HTML i CSS przez Bembnias Początkujący (450 p.)
+1 głos
2 odpowiedzi 358 wizyt
pytanie zadane 1 stycznia 2019 w JavaScript przez Bakr Mądrala (6,850 p.)

93,324 zapytań

142,323 odpowiedzi

322,390 komentarzy

62,653 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...