Scroll na specifičen element id
10 naročnikov
10 naročnikov
Vem, da obstaja ogromno tega že spisanega, ampak ne najdem za dotičen primer.
Na vrhu strani želim izpostaviti 4 gumbe (ali linke, ni pomembno), po kliku na določenega pa se seveda stran poscrolla navzdol, na določen naslov.
Button1 na heading id=1
Button2 na heading id=2
Button3 na heading id=3.....
Ima kdo povezavo, nasvet,... Hvala lepa.
28 odgovorov
ej super, hvala ti.. zdaj je pa še samo en problem.. rad bi, da se naslov malo odmakne od headerja, zdaj je čisto pod njem
edit: če dam line-height ali margin, ipd. bo potem pri vseh velik razmik.. jaz bi rad dal samo pri tistemu, ki se ga klikne.. pomojem spet nek javascript dodat v to kodo
Nisem razumel, kateri naslov od katerega headerja?
Če misliš tale <h2> od linkov oz. prejšnjega elementa: http://jsfiddle.net/WxJLx/11/
Lahko še animiraš samo meni se zdi moteča zadeva, sploh ko odscrollaš stran potem, morda te pa nisem razumel...
Edit: mogoče še spremeniš da se izvede po animaciji (četrti parameter)
Malo bom ukradel temo, kako pa bi naredil, da se po kliku na link naloži nova vsebina potem pa se avtomatsko izvede scroll do določenega div elementa na strani? To se izvede na vseh podstraneh razen na domači strani. Rabim kakšen namig idejo kako to izvesti.
Hvala.
ok kradem nazaj :) mislil sem na problem, da je po scroll-u (na klik na enega izmed zgornjih button-ov/linkov) navzdol naslov do katerega je scrollalo preblizu headerju (kjer je logotip etc.), rad bi da ga premakne za kakih 30px od headerja navzdol.
.
$('h2').css('padding-top', '30px');
V tej vrstici sem spremenil margin v padding, pa je naslov bol odmaknjen od zgornjega roba.
wssrpnc:
ok kradem nazaj :) mislil sem na problem, da je po scroll-u (na klik na enega izmed zgornjih button-ov/linkov) navzdol naslov do katerega je scrollalo preblizu headerju (kjer je logotip etc.), rad bi da ga premakne za kakih 30px od headerja navzdol.
.
Tole pa ni ravno nek rocket science, samo spremeniš
scrollTop: $($(this).attr('href')).offset().top - 30
http://jsfiddle.net/WxJLx/12/
markizzz:
Malo bom ukradel temo, kako pa bi naredil, da se po kliku na link naloži nova vsebina potem pa se avtomatsko izvede scroll do določenega div elementa na strani? To se izvede na vseh podstraneh razen na domači strani. Rabim kakšen namig idejo kako to izvesti.
Hvala.
Uporabljam Agera template in nikakor mi ne uspe z SlimDelux-ovo kodo.
$('a[href^="#"]').click(function(){
$('body').animate({
scrollTop: $($(this).attr('href')).offset().top - 30
}, 1000);
});
Javlja napako, zato sem poskusil s preureditvijo kode in še vedno ne deluje.
Tukaj je javljena napaka .
