Skrolanje po stranu

[ Insider_m @ 14.08.2013. 11:58 ] @

Kako mogu postici ovo:

Hocu kad skrolam stranu, neki tekst da se skrola sa razlicnom brzinu od ostalog teksta.

[ Nikola Poša @ 15.08.2013. 13:08 ] @

Jel možeš još malo detaljnije da definišeš taj zahtev, kroz neki primer eventualno, jer nije mi baš najjasnije šta treba da uradiš.

[ cyBerManIA @ 15.08.2013. 13:49 ] @

Neki floating div, koliko sam ga skontao. Tipa kao oni SN dugmici samo da nisu skroz fixirani vec da imaju neki ease efekat?

[ Insider_m @ 16.08.2013. 10:39 ] @

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

[ deZio @ 16.08.2013. 13:15 ] @

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.

[ Nikola Poša @ 16.08.2013. 15:04 ] @

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;
        });
});