Question

Jak zrobić animację  (lekkie opóźnienie)płynnego scrollowania myszką na stronie ?

Answer 1

Kiedyś poszukiwałem takiej opcji (jeżeli dobrze rozumiem, co masz na myśli). 

Po wielu poszukiwaniach znalazłem jedną mini bibliotekę w końcu (oczywiście nie potrzeba żadnego jquery),

która nie koliduje z innymi javascriptami do np. scroll to element i też np. nie przestaje działąć

(o ile dobrze pamiętam), gdy się najedzie kursorem nad załaczony na stronie filmik youtube.

Ogólnie, myślę, że jest to najlepsza opcja warta tych 7 kb, jak na tak teoretycznie małą funkcję do spełnienia.

Oczywiście, żeby ważyło 7kb musisz sobie zminimalizować dany plik i wystarczy załączyć go na stronie, by działało.

https://github.com/gblazex/smoothscroll-for-websites/blob/master/SmoothScroll.js

Polecam na początku tej biblioteki zmienić, są takie parametry jak animation time ustawiony na 400 (ms), ja wpisałem 700, żeby efekt animacji był bardziej widoczny.

Comments

look at that , o to mi chodzi http://ubear-world.com/   

---

ale oczywiscie biblioteka działa dzięki wielkie :)

---

@pirouetti, mhmm a na mozilli firefox nie działa 

---

Mozilla ma chyba swoje ustawienia płynnego scrollowania, które jakby nadpisują te.

Jeśli to Cię pocieszy:

https://www.stetic.com/market-share/browser/

według statystyk tylko 10 procent użytkowników na świecie używa mozilli.

---

aż dziwne że safari jest bardziej popularną przeglądarką 

---

Jest to przeglądarka użytkowników Maca.

Gdyby Windows nie zepsuł sprawy z internet explorerem,

ten zapewne byłby najpopularniejszy na Windows :)

Answer 2

W CSS?
To może pokombinuj z animation-delay?

Popatrz tu: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_smooth_scroll_jquery

Comments

to nie to xd  ,  chodzi mi o opóźnione skrolowanie myszką a nie  skrolowanie do wyznaczonego miejsca na stronie