[es] - Skrolanje po stranu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.dynamic.sbb.rs.

+33 Profil

^{15.08.2013. u 13:08 - pre 129 meseci}

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

Odgovor na temu

cyBerManIA
I ovo T ono
Space

Član broj: 25195
Poruke: 698
*.ptt.rs.

Sajt: www.facebook.com/cyberman..

+263 Profil

Re: Skrolanje po stranu

^{15.08.2013. u 13:49 - pre 129 meseci}

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

LOL

Odgovor na temu

Insider_m
Web developer

Član broj: 290688
Poruke: 98
77.28.193.*

+7 Profil

Re: Skrolanje po stranu

^{16.08.2013. u 10:39 - pre 129 meseci}

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

Odgovor na temu

deZio
Inđija

Član broj: 150608
Poruke: 345
*.dynamic.isp.telekom.rs.

+38 Profil

Re: Skrolanje po stranu

^{16.08.2013. u 13:15 - pre 129 meseci}

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.

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.dynamic.sbb.rs.

+33 Profil

Re: Skrolanje po stranu

^{16.08.2013. u 15:04 - pre 129 meseci}

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

Odgovor na temu