div.offset().top po załadowaniu strony przez chwile = 0

Question

Jak w temacie, .offset().top najpierw ma wartosc 0. Potem sprawdzam warunek no i on sie spelnia mimo ze nie powinien.

Potem juz jest ok. Ale przy pierwszym scrollu offset().top = 0 dlaczego?

$(function(){

  let $box = $("#box");
  let boxTop = ($box.offset().top);
  let scrollTop = 0;

$(this).scroll(function(){
    scrollTop = window.scrollY;
    boxTop = ($box.offset().top);

    if($(window).height() + scrollTop > boxTop)
    {

      console.log("!!");
    }
});

});

 

Answer 1

Rozumiem, że te wykrzykniki mają się pokazywać, jak przescrollujemy do tego elementu #box?

Bo według mnie działa wszystko ok ;) boxTop pokazuje odpowiednią wartość.

Comments

Tak o to chodzi, ale u mnie na pewno piersza wartosc boxTop to 0

---

np taki kod

$(function(){

  let $box = $("#box");
  let boxTop = ($box.offset().top);
  console.log(boxTop);

});

wywala mi w konsoli 0

---

może masz faktycznie na samej górze ten #box :P

wstaw najlepiej kod HTML, CSS i JS na codepen'a i wtedy może Ci pomogę, bo jak przekopiowałam Twój kod i dodałam swój html i css to działało normalnie ;)