Scroll na specifičen element id

http://jsfiddle.net/WxJLx/9/

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.

http://jsfiddle.net/WxJLx/14/

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 .

Če uporabljaš jQuery upodabljaj jQuery, če uporabljaš $ uporabljaj $ ... ;)