Zaloguj się

cryptarithm · 22-08-2012, 18:40

Witam wszystkich,

Moj problem jest taki ze mam link to div'a ktory dziala poprawnie czyli kiedy naciskam na linka zabiera mnie do tego div'a na stronie. Ale co ja chce zrobic to zwolnic tempo przewijania co sprawi ladny efekt na stronie.

Myslalem ze JavaScript lub Jquery pomoze mi z tym tylko jestem kiepski w pisaniu skryptow, probowalem googlowac to ale bez sukcesu.

Czyli mam taki link

<div id="navigation" >
<ul>
<li><a href="#container2"> Link 1</a></li>

i chce zwolnic tempo przewijania.

Dzieki.

**Kartofelek** · 22-08-2012, 20:29

jquery ok?

Kod:
$('.super-duper-link').click(function(e) {

     e.preventDefault();

     var href = $(this).attr('href');

     var $target = $(href);

     if ($target.length) {

          var targetOffset = $target.offset().top;

          $('html,body').animate({scrollTop: targetOffset-70}, 2000);    //-70 by miejsce docelowe nie bylo na samiutkiej gorze ekranu

     }

});

Oczywiście po załadowaniu dokumentu itp

cryptarithm · 22-08-2012, 21:15

nie dziala mi Sad

cos zle robie...

<script src="js/jquery.scroll.1.1.js" type="text/javascript"></script>

</head>
<body>

<div id="navigation" >

<ul>
<li><a class="container2" href="#container2"> Link 1</a></li>

**Kartofelek** · 22-08-2012, 22:49

A czy ty aby w ogóle wiesz o czym piszesz?

camelrafal · 23-08-2012, 01:55

musisz jquery mieć na stronie chopcze Wink

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie