Zadejte hledaný výraz...
Sledujte nás
facebook youtube
user
user

Mouse autoscroll to anchor

matusy
verified
rating uzivatele
(14 hodnocení)
25. 4. 2019 23:14:25
Zdravíčko,
snažím sa prísť na to, prečo mi to nebeží tak ako na príklade uvedenom tu:
Attention Required! | Cloudflare
U mňa to vyzerá takto, lenže to nebeží. Nevedel by niekto poradiť kde je chyba?
Attention Required! | Cloudflare
25. 4. 2019 23:14:25
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398716
Petr Gargulák
verified
rating uzivatele
(12 hodnocení)
25. 4. 2019 23:30:46
zkus zkontrolovat přidané soubory js.....settings javascript....
---------- Příspěvek doplněn 25.04.2019 v 23:33 ----------
Napsal PetrGargulák;1523819
zkus zkontrolovat přidané soubory js.....settings javascript....
Tohle ti chybí....
https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js
https://code.jquery.com/jquery-1.11.2.min.js
25. 4. 2019 23:30:46
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398715
Miroslav Foltyn
verified
rating uzivatele
(3 hodnocení)
26. 4. 2019 00:23:38
I s importování knihoven (mimochodem archaická verze jQuery a dodatečný plugin na mouse wheel bude již dnes nejspíše zbytečný), tam je spousta chyb. Navíc jenom kvůli těmto drobným operacím je jQuery zbytečné.
1) V HTML jsou sekce rozlišeny pomocí tříd, ovšem v Javascriptu se k nim snažíte uložit reference pomocí selektoru přes ID
2) Při slepém kopírování jste v Javascriptu nechal reference na DOM elementy z prvního příkladu. Tu logiku kolem toho, kam a kdy scrollovat byste měl dodělat.
Navíc, opravdu vám to jako grafikovi připadá přes UX korektní i v tom prvním případě? Když opomenu své opovržení k scroll jackingu, tak je i příklad ze kterého vycházíte velmi špatně implementovaný - všimněte si, jak to odporně při scrollu neplynule skáče, z takového webu bych ihned odešel. Minimálně by pomohlo, kdyby po dobu animace byl ten scroll handler vyplý.
26. 4. 2019 00:23:38
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398714
matusy
verified
rating uzivatele
(14 hodnocení)
26. 4. 2019 00:24:35
Napsal PetrGargulák;1523819
zkus zkontrolovat přidané soubory js.....settings javascript....
---------- Příspěvek doplněn 25.04.2019 v 23:33 ----------
Tohle ti chybí....
https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.12/jquery.mousewheel.min.js
https://code.jquery.com/jquery-1.11.2.min.js
Ty si boh :)
Díki moc chlape!
26. 4. 2019 00:24:35
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398713
matusy
verified
rating uzivatele
(14 hodnocení)
26. 4. 2019 00:30:00
Super chlapi, vďaka moc.. Len sa učím, budem mať ešte hromadu lamáckych otázok, takže veľmi pekne ďakujem za ochotu, fakt si to moc vážim. Každá jedna rada je mi vzácna...
Nevedel som, že sa to volá scroll jacking, každopádne pri niektorých dizajnových weboch je to pecka. Videl som to aj u veľkých hráčov a pokiaľ je to spravené dobre, tak to vyzerá super :) Ale áno, toto vyhotovenie zjavne nieje ideálne. Čeknem iný script.
---------- Příspěvek doplněn 26.04.2019 v 18:21 ----------
Tak nakoniec sa podarilo, ale efekt nebol dobrý, takže som hľadal iný script...
fullPage.js | One Page Scroll sections Site Plugin
Toto vyzerá super a má dosť možností, ale z nejakého dôvodu to nechce šlapať... keď z príkladu vyhodím csska, tak im to stále šlape, takže mám pocit, že je chyba len niekde v mojich IDčkách, lenže žiadnu chybu nevidím...
Vie niekto kde môže byť chyba?
MOJ KOD (NEFUNKCNE)
ICH KOD (FUNKCNE)
Navyše keď tam pridám tak obrazovka zamrzne na prvom "slajde", čiže sa nedá ani scrollnúť dole :/ ... keď to z tade vyhodím, tak scrollnúť ide, lenže script nefunguje...
26. 4. 2019 00:30:00
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398712
niktos
verified
rating uzivatele
26. 4. 2019 18:41:12
To je vážne zaujímavé
26. 4. 2019 18:41:12
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398711
Miroslav Foltyn
verified
rating uzivatele
(3 hodnocení)
26. 4. 2019 21:12:31
Je velmi těžké (ne-li nemožné) ve většině příkladech najít chybu, když sem vložíte X kusů kódu, mimo jejich kontext. Navíc, opět jenom kopírujete archaický kód... Když potřebujete s něčím pomoc, co není otázkou nějakého principu, tak by bylo mnohem lepší umístit příklad někde online.
Navíc, opravdu to máte odlišné od jejich kódu. Podívejte se do dokumentace nebo na jimi ukázaný příklad. Použivají jinou konvenci pro označování sekcí, které se mají scrollovat. https://codepen.io/alvarotrigo/pen/NxyPPp
26. 4. 2019 21:12:31
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398710
matusy
verified
rating uzivatele
(14 hodnocení)
26. 4. 2019 22:09:55
Napsal Miroslav Foltýn;1523954
Je velmi těžké (ne-li nemožné) ve většině příkladech najít chybu, když sem vložíte X kusů kódu, mimo jejich kontext. Navíc, opět jenom kopírujete archaický kód... už samotná doctype definice na začátku již dávno není aktuální a nenapadá mě důvod proč by na tomto konkrétním příkladu měla být. Když potřebujete s něčím pomoc, co není otázkou nějakého principu, tak by bylo mnohem lepší umístit příklad někde online.
Navíc, opravdu to máte odlišné od jejich kódu. Podívejte se do dokumentace nebo na jimi ukázaný příklad. Použivají jinou konvenci pro označování sekcí, které se mají scrollovat. https://codepen.io/alvarotrigo/pen/NxyPPp
Ospravedlňujem sa, s codepen sa tiež eštelen učím pracovať.
Veľmi pekne ďakujem za vysvetlenie, veľkú časť ste mi pomohli objasniť.
Veľká vďaka.
Len mi nejde trocha do hlavy, prečo sú tam napevno dané farby, keď ich chcem mať logicky nastajlované podľa vlastného css...To je už síce len taký detail, ale nechápem to...
26. 4. 2019 22:09:55
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398709
Miroslav Foltyn
verified
rating uzivatele
(3 hodnocení)
26. 4. 2019 22:23:25
To bude jistě volitelná možnost. Ta knihovna má dokumentaci, určitě to tam najdete.
26. 4. 2019 22:23:25
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398708
matusy
verified
rating uzivatele
(14 hodnocení)
26. 4. 2019 22:28:23
jj, akurát to čekujem. Ako píšem, ozrejmil ste mi toho viac ako dosť :) Moc krát vďaka, už sa s tým mordujem dva dni :D ... Máte u mňa pivo :)
26. 4. 2019 22:28:23
0 0
Líbí se: zatím nikdo
Nelíbí se: zatím nikdo
https://webtrh.cz/diskuse/mouse-autoscroll-to-anchor/#reply1398707
Pro odpověď se přihlašte.
Přihlásit

user
Prodej Více

Dispecink.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.
69 500 Kč
0 příhozů
Blowjobs.cz – tematická doména pro segment 18+
14 990 Kč
0 příhozů
SexRoom.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.
99 000 Kč
0 příhozů
Diskretni.cz | DomenovyKral.cz – 1300+ prémiových domén k prodeji, pronájmu – od 500 Kč/měs.
19 000 Kč
0 příhozů
Agresori.com
20 000 Kč
0 příhozů

user
Poptávky Více

Hledám obchodníka – weby pro firmy (CZ) a software pro energetiku (EU), provize
Hledám fotografa realit a lektora pro focení/video
Poptávka těhotenského focení v Klatovech
Studentka VŠ shání modela na focení aktů (highkey, lowkey, detail)
Poptávka modelů na svatební editorial

user
Pracovní nabídky Více

Vedoucí IT (CTO)
Praha
HĽADÁME IDM / IAM ŠPECIALISTU – MidPoint!
Práce z domu
ERP konzultant
Zlín
70 000 - 90 000 Kč
Atlassian Consultant (Junior/Medior)
Praha
Marketing + budování e-shopu – Boskovice, Blansko a okolí
Brno
30 000 - 50 000 Kč

user
Nabídky Více

Dlhodobý prenájom áut – pre firmy, živnostníkov aj súkromné osoby
Audit Google Ads a Skliku před Black Friday ZDARMA: kampaně, feed a měření, výsledky do 48 hodin
AUTOMATIZACE PROCESŮ – N8N & Make.com
Tvořím moderní weby, klientské portály a systémy na míru
Nabízím úklid a záchranu rozbitých databází, sjednocení dat a plnění e-shopů (Excel / Google Sheets)