Przewijanie strony po wciśnięciu ikonki

Hej, 
chciałbym osiągnąć taki efekt, że po wciśnięciu ikonki, która jest zwykłym img strona przewija się w dół od daną ilość pixeli bądź do wskazanego diva. 

any idea?

Żaden ze mnie spec od jQery, ale trochę pogooglałem i chyba mam skuteczne rozwiązanie. Sprawdź:

 

<script>
  $(function() { 
  $("#id_linka").bind("click", function() {
    $(window).scrollTop($("#id_diva").offset().top); //Scrolluj do diva o podanym ID.
    return false; 
  });
});
</script>

Myślę, że komentarze wystarczą pzdr.

Będzie działać ale nie na wszystkich przeglądarkach

Rzuć okiem na to: http://flesler.com/jquery/scrollTo/ sprawdzone, polecam.

Użytkownik unbreak edytował ten post 26 października 2013 - 15:05

Będzie działać ale nie na wszystkich przeglądarkach

 

Rzuć okiem na to: http://flesler.com/jquery/scrollTo/ sprawdzone, polecam.

Mógłbyś podać przykład użycia? Kawałek kodu HTML z dwoma divami i obrazkiem? Nie bardzo rozumiem jak to użyć. 
 

Ściągasz i podpinasz pliczek: http://flesler-plugi...-1.4.3.1-min.js zaraz po jquery.

Używasz np. tak:

$('#id-ikonki').click(function(){
  var target = $('#id-elementu-do-ktorego-ma-scrollowac');
  $.scrollTo( target, 800 );
});

 

Ściągasz i podpinasz pliczek: http://flesler-plugi...-1.4.3.1-min.js zaraz po jquery.

Używasz np. tak:

$('#id-ikonki').click(function(){
  var target = $('#id-elementu-do-ktorego-ma-scrollowac');
  $.scrollTo( target, 800 );
});

 

Próbowałem u siebie coś takiego na linku, ale konsola błąd wyrzuca. Znowu przez konflikt?

 

Uncaught TypeError: Cannot call method 'click' of null

To:

$('#id-ikonki')

Musi mieć dokładny id tego co ma być klikalne Twój błąd oznacza to, że podałeś błędny id

<span id="click-it">Kliknij</span>
<script>
$('#click-it').click(function(){...});
</script>

Btw, jeżeli robisz na linku (a href) to nie zapomnij o blokadzie defaultowej akcji:

$('a').click(function(e){
  if(e.preventDefault) e.preventDefault();
  e.returnValue = false;

  //tutaj reszta

  return false;  //a to w razie czego :)
})

Przy konfliktach zazwyczaj wyrzuca że nie rozpoznaje $.