+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [JAVASCRIPT] Link przewijanie (/thread-javascript-link-przewijanie)
[JAVASCRIPT] Link przewijanie - cryptarithm - 22-08-2012
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.
RE: [JAVASCRIPT] Link przewijanie - Kartofelek - 22-08-2012
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
RE: [JAVASCRIPT] Link przewijanie - cryptarithm - 22-08-2012
nie dziala mi
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>
RE: [JAVASCRIPT] Link przewijanie - Kartofelek - 22-08-2012
A czy ty aby w ogóle wiesz o czym piszesz?
RE: [JAVASCRIPT] Link przewijanie - camelrafal - 23-08-2012
musisz jquery mieć na stronie chopcze
