Hogyan kell olyan weboldalt készíteni, hogy gombnyomásokra a weboldal bizonyos pontjaira ugorjon?
Ezen a weboldalon a jobb oldali pontok segítségével lehet ugrani az oldal bizonyos pontjaira. Ezt hogyan lehet megcsinálni?
Html+css segítségévelmeglehet ezt oldani?
Az első válaszban kapott linken a cuccokat ha elolvasnád, értenéd.
Egy konkrétan erre való script van ott.
Hát step 1
bemásolod ezt a head részbe script tag-ek közé
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
meg persze az aktuális jquery-t is .
a menüben az "a" tag mutasson így Href="#AhovaAkarod"
Alul pedig ahova szeretnéd
<h1 id="AhovaAkarod">Ez a főcím ahova leugrik a horgony</h1>
Ezt így konyhanyelven!
Mennie kell HTML-lel is:
Example rész első két példasora. Az első a cél, a második maga a link.
Viszont ekkor azt hiszem, hogy a lapot újratölti és ilyen szép átmenet sincs, csak ha CSS-t is dobsz mellé.
G.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!