Új hozzászólás Aktív témák

• #6976 Taci addikt adatfalo #6975

  Új Válasz 2021-02-06 14:38:09 #6976

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Taci

  addikt

  válasz adatfalo #6975 üzenetére

  Sajnos ezzel is ugyanaz, ugyanúgy hibásan működik.

  Raktam bele pár sor logolást, így a JS-ben pl. látom, hogy melyik rész fut le hibás értékekkel:

  const scrollHeight = $(document).height();
    console.log("scrollHeight = " + scrollHeight);
const scrollPos = Math.floor($(window).height() + $(window).scrollTop());
    console.log("scrollPos = " + scrollPos);

  Alapból betöltődik 4 elem, ezek egyenként kb. 7-800 pixelt foglalnak el.

  Ezeket az értékeket mutatja a konzol a működő (csúnya) változatban (scrollozás után, mert az ezeket tartalmazó függvény csak akkor van meghívva):

  scrollHeight = 2806
scrollPos = 654
scrollHeight = 2806
scrollPos = 656
scrollHeight = 2806
scrollPos = 660

  Aztán ha eleget scrolloztam, elér egy beállított értéket, tölti a többi elemet.

  A nem jól működő módszerrel pedig ugyanezek az értékek:

  scrollHeight = 2806
scrollPos = 2807
scrollHeight = 2806
scrollPos = 2812
scrollHeight = 5347
scrollPos = 5358

  Itt látszik, hogy a scrollPos változó értéke "száll el", tehát ezzel a számítással van gondja ennél a módszernél:
  const scrollPos = Math.floor($(window).height() + $(window).scrollTop());
  Ráadásul már egy minimális görgetés után is. Míg a működő változatban elég sokat kell görgetnem le, hogy elérjem a beállított küszöbértéket, ahol aktiválódik az ezeket tartalmazó függvény, a nem működő változatban elég egy picit scrolloznom, máris látom a csúszka méretéből, hogy mint a bolond, minden más elemet is betöltött egyből.

  Ugyanitt az első elem magassága nem 7-800 pixel, hanem a tartalmat szépen betölti rá, de az alja teljesen a lap aljáig ér (tehát a 4 elem magassága plusz a térközök és egyéb elemek.)
  És amint görgetek, a hibás értékek miatt egyből tölti a többi elemet, ami miatt ennek az első elemnek a magassága megint csak a teljes laphossz lesz.
  Itt ha nézem a kódját, azt látom, ha a következő sort a megfelelő css-ből nem használom, akkor normális mérettel jeleníti meg az elemeket:
  height: calc(100% - 15px);
  Próbáltam ezt a részt kiszedve a CSS-ből betölteni az oldalt, hátha köze van a scrollPos kalkulált értékéhez, de nem, semmi. Ha ezt a(z itt) hibásan működő részt kiszedem belőle, a JS-ben akkor is hibásan kezeli le a dolgot.

  Magasság (height) itt is (CSS), magasság ott is (JS).
  Más probléma nem nagyon van. (lletve a szebb módszernél nem tölti be a HTML-ben beálíltott favicon-t pl., de ez nem gond, gondolom, így működik, erre kár is karaktert pazarolni.)
  De nem a szkriptek vagy a CSS fájlok helye a gond, ez biztos.

  Most annak nézek utána, nem-e ezeket a függvényeket ( calc(), Math.floor() ) kezeli rosszul a WP.
  Másnál is előjött ez a probléma: pl. itt

Új hozzászólás Aktív témák