| Autor | Zpráva | ||
|---|---|---|---|
| proste_johny Profil |
#1 · Zasláno: 3. 3. 2012, 20:39:25
Zdravim.
Zavedl jsem na stranku plynule rolovani pomoci jquery-balicku a tohoto js kodu: $(document).ready(function(){
$('a[href*=#]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});Kod jsem prevzal z jinych stranek a upravil prvni radek, aby doslo k akci, az bude stranka nactena. Funguje mi to. Presto mam trochu obavy, ze ten prevzaty kod je treba s chybami( javascriptu moc nerozumim). Potrdite mi nekdo, zda je to v poradku? Narazil jsem i na tuhle moznost, ktera je mi sympatictejsi, ale nevim proc nefunguje (vztahuje se k celemu baliku jquery nebo jen jednomu pluginu?): http://pinion.cz/plynule-scrollovani-s-jquery |
||
| joe Profil |
Fungovat budou oba dva, ale dá se to ještě zjednodušit, ale počítám s tím, že všechny odkazy, které odkazují někam na dané stránce začínají #, tedy
<a href="#mojeSekce">
$(function () {
$("a[href^=#]").click(function (event) {
var $target = $(this.hash);
if ($target.length) {
event.preventDefault();
$("html, body").animate({
scrollTop: $target.offset().top
}, 1000);
}
});
}); |
||
| proste_johny Profil |
#3 · Zasláno: 3. 3. 2012, 23:08:49
joe:
Diky.. |
||
|
Časová prodleva: 14 let
|
|||
0