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

Téma: div a scroll-ozott oldal kozepere

  1. #1
    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 div a scroll-ozott oldal kozepere

    Van egy eleg hulye problemam, de nem talalok ra konkret megoldast a neten...legalabb is vsz roxul keresem.
    Van egy oldal, aminek a magassaga valtozo. Ezen az oldalon ha valaki legorgetett a lap aljara/kozepere...akarhova, es ranyom ott egy linkre, akkor ott a kep kozepen szeretnek egy divet letrehozni.
    Ezzel nincs is baj eddig, a jquery.append-el,vagy createElement-el megcsinalom a divet kozepre pozicionalva..stb. Meg is jelenik a jo helyen.
    A bajom, hogy miutan a div letrejott, a bongeszo felugrik az oldal tetejere magatol.
    Hogy lehet azt megoldani, hogy ahol vagyok a lapon (ha legorgetem pl), oda rakjon egy divet kozepre, es ne ugorjon a lap tetejere ?



  2. #2
    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: div a scroll-ozott oldal kozepere

    Kozben meg lett a megoldas. Megirom, hatha mas is belefut ebbe a dologba.
    A baj, hogy a div-et egy linkre klikkelessel keszitem. Ha linkre klikkelek (<a ..>) akkor az oldal tetejere ugrik a bongeszo. Ezt kell kikerulni a prevent-el, itt egy egyszeru pelda:

    Kód:
    <!DOCTYPE html>
    <html>
    <head>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
      
    <a href="http://entity.hu">hello</a>
    <div id="xx"></div>
    
    <script>
    $("a").click(function(event) {
      event.preventDefault();
      $('<div/>')
        .append(event.type + ' tortent')
        .appendTo('#xx');
    });
    </script>
    
    </body>
    </html>




  3. #3
    In love with pixels hápi logója
    Csatlakozott
    09-03-10
    Hely
    Budapest
    Hozzászólás
    353
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: div a scroll-ozott oldal kozepere

    Egy masik megoldas erre a problemara:

    Kód:
    <script>
    $("a").click(function(event) {  
        $('<div/>').append(event.type + ' tortent').appendTo('#xx');
        return false; 
    }); 
    </script>
    hogy miert is jobb: h**p://fuelyourcoding.com/jquery-events-stop-misusing-return-false/


    Utoljára módosítva: hápi által : 2012-08-01 08:01 Oka: link

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
  •