Kako mogu postici ovo:
Hocu kad skrolam stranu, neki tekst da se skrola sa razlicnom brzinu od ostalog teksta.
Hocu kad skrolam stranu, neki tekst da se skrola sa razlicnom brzinu od ostalog teksta.
Skrolanje po stranu
Zaključano
Zakačeno
Jel možeš još malo detaljnije da definišeš taj zahtev, kroz neki primer eventualno, jer nije mi baš najjasnije šta treba da uradiš.
Neki floating div, koliko sam ga skontao. Tipa kao oni SN dugmici samo da nisu skroz fixirani vec da imaju neki ease efekat?
Potpis
Evo na ovog sajta moze da vidite primer. Kliknite na reviews od meni, i skrolajte polako pa cu primetiti kako tekst se skrola sa neku pomalku brzinu, i ima ubavi efekt.
http://themeforest.net/item/ro...ss/full_screen_preview/4959075
http://themeforest.net/item/ro...ss/full_screen_preview/4959075
Ovo ti je najprostiji primer kako možeš menjati brzinu scroll-a uz pomoć jQuery-a:
http://jsfiddle.net/Vw2Nb/
E sad ako ti hoćeš da menjaš brzinu u zavisnosti koji je tekst prikazan(vidljiv), za to ti treba malo bolje poznavanje JS i računanje trenutnih pozicija elemenata na stranici.
http://jsfiddle.net/Vw2Nb/
E sad ako ti hoćeš da menjaš brzinu u zavisnosti koji je tekst prikazan(vidljiv), za to ti treba malo bolje poznavanje JS i računanje trenutnih pozicija elemenata na stranici.
Na osnovu tog sajta kojeg si referencirao, mislim da je poenta onog što želiš da postigneš da se override-uje default-no ponašanje browser-a kada je u pitanju to anchor skrolovanje, dakle kad na stranici imaš neke elemente (divove) sa određenim id-evima, a onda imaš na njih linkove oblika www.nesto.com/#div. Taj efekat može da se postigne na sledeći način:
Code:
$(document).ready(function() {
//Svi linkovi koji imaju anchor
$('a[href*="#"]')
.filter(function(index) {
var $this = $(this);
//Ignorisi eksterne linkove
var href = $this.attr('href');
if (href == '#' || (href.indexOf('#') != 0 && href.indexOf(location.hostname) == -1)) {
return false;
}
//Izbaci linkove na koje je vec bind-ovan neki event
var events = $this.data('events');
if (!events) {
events = $._data(this, 'events');
}
return (!events || Object.keys(events).length == 0);
})
.click(function() {
var href = $(this).attr("href");
var targetId = href.substring(href.indexOf("#")+1); //anchor
var $target = $('#' + targetId);
var targetTopOffset = parseInt($target.offset().top) - 10;
//Pokreni skrolovanje
$('html,body').animate(
{ scrollTop: targetTopOffset },
1000
);
return false;
});
});
$(document).ready(function() {
//Svi linkovi koji imaju anchor
$('a[href*="#"]')
.filter(function(index) {
var $this = $(this);
//Ignorisi eksterne linkove
var href = $this.attr('href');
if (href == '#' || (href.indexOf('#') != 0 && href.indexOf(location.hostname) == -1)) {
return false;
}
//Izbaci linkove na koje je vec bind-ovan neki event
var events = $this.data('events');
if (!events) {
events = $._data(this, 'events');
}
return (!events || Object.keys(events).length == 0);
})
.click(function() {
var href = $(this).attr("href");
var targetId = href.substring(href.indexOf("#")+1); //anchor
var $target = $('#' + targetId);
var targetTopOffset = parseInt($target.offset().top) - 10;
//Pokreni skrolovanje
$('html,body').animate(
{ scrollTop: targetTopOffset },
1000
);
return false;
});
});