Eredmény: 1 - 9 (9) összesen

Téma: js kérdés: a html elemet látja az user vagy nem?

  1. #1
    Bölcs lauda logója
    Csatlakozott
    09-02-23
    Hely
    Salgótarján
    Hozzászólás
    501
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás js kérdés: a html elemet látja az user vagy nem?

    Tudja valaki, hogy hogy lehet azt js-ben megtudni, hogy egy html elemet lát-e az user vagy nem ? Olyanra gondolok mint pl, az utólag tartalmat betöltős oldalak azután, ha már legörgettem egy darabig. Szóval a kérdést elsősorban a görgetés közbeni változásokra értem. Vagy az ilyet nem is js-ben szokták megoldani ?



  2. #2
    Törzsvendég
    Csatlakozott
    12-10-03
    Hozzászólás
    148
    Begyűjtött 63 köszönetet
    51 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    A görgetés eseményre megvizsgálod, hogy az elem teteje feljebb van-e mint a browser alja.



  3. Az alábbi felhasználók hálásak a válaszért:

    lauda (2017-08-03)

  4. #3
    Bölcs lauda logója
    Csatlakozott
    09-02-23
    Hely
    Salgótarján
    Hozzászólás
    501
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    Ez így egyszerűnek hangzik, de még nem csináltam hasonlót, hogy az elem tetejét vagy a browser alját lekérdezném. Nem tudom mit kellene vizsgálni a görgetés eseményre. Tudnál részletesebb segítséget adni ?



  5. #4
    Szerkesztő djjean logója
    Csatlakozott
    11-10-15
    Hely
    Baja
    Hozzászólás
    210
    Begyűjtött 47 köszönetet
    43 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    Kicsit favágó, de szemléltetésnek jó:
    https://jsfiddle.net/jL5t3mho/



  6. Az alábbi felhasználók hálásak a válaszért:

    lauda (2017-08-04)

  7. #5
    Bölcs lauda logója
    Csatlakozott
    09-02-23
    Hely
    Salgótarján
    Hozzászólás
    501
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    Igen, szemléltetésnek jó csak kár, hogy nem vagyok otthon a jquery-ben Mások scrip-jeit soha nem használom xD ezért akarnám itt megtanulni, de eddig még senkinek nem áll(t) itt szándékában megtanítani



  8. #6
    Bölcs
    Csatlakozott
    11-03-05
    Hely
    UK
    Hozzászólás
    500
    Begyűjtött 66 köszönetet
    52 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    Idézet lauda eredeti hozzászólása Hozzászólás megtekintése
    Igen, szemléltetésnek jó csak kár, hogy nem vagyok otthon a jquery-ben Mások scrip-jeit soha nem használom xD ezért akarnám itt megtanulni, de eddig még senkinek nem áll(t) itt szándékában megtanítani
    A pelda amit djjean irt nagyon egyszeru....

    ha nagyon nem megy a jquery ez a plugin erre van: https://github.com/morr/jquery.appear

    Ha az erdekel hogyan mukodik (djjean megoldasat picit atvarialtam) :

    Kód:
    function isinview(elem)
    {
        var ViewTop = $(window).scrollTop();	//---- a scroll pozicioja
        var ViewBottom = ViewTop + $(window).height();	//---- a lathato ablak also pozicioja
    
        var elemTop = $(elem).offset().top;		//---- a keresett elem tetejenek absolut pozicioja az oldalon
        var elemBottom = elemTop + $(elem).height();  //---- a keresett elem aljanak az absolut pozicioja 
    
    		//--- ha az elem alja feljebb van mint a lathato ablak alja es elem teteje lejjebb mint az ablak teteje
        //---(magyarul ha az elem az ablakban van) akkor true-val ter vissza ellenkezoleg false-al
        return ((elemBottom <= ViewBottom) && (elemTop >= ViewTop));  
    }
    
    
    $(window).scroll(function(){  //------- trigger ha scrollozas tortent
    
    if (isinview('#watch')) {  //--- scrollozasnal lekeri, hogy az elem lathato-e 
    	console.log('lathato');	//--- ha igen, akkor logol
    }
    
    });
    ha ez alapjan is tul bonyolultnak tunik, akkor nincs megfelelo alapod sajnos. Az sem baj de akkor kezd el az alapoktol a programozast, rentgeteg blog/oldal/tutorial foglalkozik ezzel.


    Utoljára módosítva: frankcrk által : 2017-08-04 21:49
    Notex az online notesz, linkkatalógus, tartalommegosztó és még sok más...

  9. Az alábbi felhasználók hálásak a válaszért:

    lauda (2017-08-07)

  10. #7
    Bölcs earnnet logója
    Csatlakozott
    12-08-15
    Hely
    Budapest
    Hozzászólás
    1.530
    Begyűjtött 687 köszönetet
    485 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    (pedig a jquery sokkal egyszerűbb mint az alap javascript, mindenképp ezt érdemes tanulnod első körben)



  11. Az alábbi felhasználók hálásak a válaszért:

    fgaber3 (2017-08-07)

  12. #8
    Törzsvendég
    Csatlakozott
    12-10-03
    Hozzászólás
    148
    Begyűjtött 63 köszönetet
    51 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    Idézet lauda eredeti hozzászólása Hozzászólás megtekintése
    Igen, szemléltetésnek jó csak kár, hogy nem vagyok otthon a jquery-ben Mások scrip-jeit soha nem használom xD ezért akarnám itt megtanulni, de eddig még senkinek nem áll(t) itt szándékában megtanítani
    Figyelj. Én direkt nem adtam példakódot, leírtam a megoldást szövegesen. djjean kódja sem tetszett. Tulajdonképpen mi kellene?



  13. Az alábbi felhasználók hálásak a válaszért:

    lauda (2017-08-07)

  14. #9
    Bölcs lauda logója
    Csatlakozott
    09-02-23
    Hely
    Salgótarján
    Hozzászólás
    501
    Begyűjtött 12 köszönetet
    9 hozzászólásával

    Alapbeállítás re: js kérdés: a html elemet látja az user vagy nem?

    A leírtakból már meg fogom tudni csinálni js-ben is. Köszönöm mindannyiótoknak a segítséget xD



Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •