Obsah fóra
PravidláRegistrovaťPrihlásenie




Odpovedať na tému [ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 08.04.15
Prihlásený: 12.08.16
Príspevky: 76
Témy: 27
Príspevok NapísalOffline : 09.04.2015 21:16

Ahoj mam v a href odkaz na webe na divíziu #odkaz a kliknem na nu a je niekde na stránke mi to tam lenn skočí. Nemáte niekto script na animáciu ? Že to pôjde až k odkazu po celej stránke a vy to uvidíťe.


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0
Príspevok NapísalOffline : 09.04.2015 21:58

Ak používaš jQuary, môžeš použiť niečo takéto: Smooth Scrolling.


Offline

Užívateľ
Užívateľ
Animacia odkazu

Registrovaný: 28.02.11
Prihlásený: 07.03.24
Príspevky: 196
Témy: 6
Bydlisko: Bratislava
Príspevok NapísalOffline : 11.04.2015 20:27

Poprípade ak nepoužívaš jQuery, tak v čistom JS som to napísal takto:

Kód:
/* rollerCoaster BEGIN */
var rollerCoaster = {
    speed : 8,
    interval : 30,
    
    rollTo
: function(el) {
        var that = this;
        var position = el.getBoundingClientRect().top;
        var move = Math.round(Math.abs(position) > 1 ? position / that.speed : position);
        window.scrollBy(0, move);
        if (position - el.getBoundingClientRect().top) {
            setTimeout(function() { that.rollTo(el); }, that.interval);
        }
    },

    roll: function(el) {
        if (!el.hash) { return true; }
        this.rollTo(document.getElementById(el.hash.substr(1)));
        return false;
    }
};
/* rollerCoaster END */


Použitie je pomerne jednoduché:
Kód:
<a href="#odkaz" onclick="return rollerCoaster.roll(this);">naroluj</a>
<div id="odkaz">sem roluj</div>







_________________
Neznalosť zložitých operácií necháva myseľ otvorenú pre geniálne riešenia založené na jednoduchosti.
Odpovedať na tému [ Príspevkov: 3 ] 


Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy. Skrátenie odkazu

v HTML, XHTML, XML, CSS

4

487

18.08.2016 20:02

chrono Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. farba odkazu

v HTML, XHTML, XML, CSS

2

632

05.04.2009 23:44

kesaj Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Odránenie odkazu

v Operačné systémy Microsoft

7

471

02.02.2009 17:10

Dudko Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Oramovanie odkazu

v HTML, XHTML, XML, CSS

1

515

18.06.2010 10:19

don jebot Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ANIMACIA

v Ostatné programy

3

481

21.06.2012 20:21

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Animacia

v Grafické programy

0

1044

27.07.2007 15:23

erok662 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Animácia

v Grafické programy

5

482

07.10.2012 14:48

shiro Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Animácia

v Grafické programy

0

339

02.03.2015 2:35

SpL1tt3r Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. PHP + name odkazu?

v PHP, ASP

2

341

19.11.2011 18:35

Han5vk Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. vir v odkazu

v Antivíry a antispywary

15

1653

28.03.2007 14:35

BUBU1 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. ramcek okolo odkazu

v HTML, XHTML, XML, CSS

15

1265

18.12.2008 14:44

jablko05 Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. FLASH animacia

v Ponuka práce

0

947

22.05.2009 18:57

beks Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. FLASH animacia

v Ostatné

0

512

04.05.2009 16:35

beks Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Animácia snehu

v Grafické programy

3

943

03.12.2010 19:29

ac.milan Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. 3D animacia

v Grafické programy

3

952

17.02.2009 12:03

freedie Zobrazenie posledných príspevkov

V tomto fóre nie sú ďalšie neprečítané témy. Animácia Loga

v Grafické programy

3

493

01.10.2013 9:11

shiro Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra