div a scroll-ozott oldal kozepere

**frankcrk** · 2012-07-31, 23:37

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 ?

**frankcrk** · 2012-08-01, 01:40

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>

**hápi** · 2012-08-01, 07:55

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/

Téma: div a scroll-ozott oldal kozepere

Téma eszközök

Display

div a scroll-ozott oldal kozepere

re: div a scroll-ozott oldal kozepere

re: div a scroll-ozott oldal kozepere

Könyvjelzők

Könyvjelzők

Hozzászólás szabályai