Szukam sposobu na spowolnienie przewijania między dwoma określonymi pikselami, na przykład od 1 do 100 od góry. Czy byłoby to możliwe w jakikolwiek sposób?
Oto link do strony internetowej, która ma tę funkcję, której szukam. http://goo.gl/isH5o0
Gdy zaczniesz przewijać ciemnoniebieską nakładkędiv znika za pomocą CSS3 Translate3d, ale wtedy przewijanie wydaje się zatrzymywać lub działać bardzo wolno, co powoduje, że bazowy element div nie jest przewijany do tego samego poziomu w tym samym czasie, w którym nakładka div zsuwa się.
Czy ktoś może mi podpowiedzieć, jakiej techniki użyć, aby to osiągnąć, lub może mi pomóc przy pomocy jakiegoś kodu.
Odpowiedzi:
1 dla odpowiedzi № 1Myślę, że nie ma w tym nic szczególnegoprzewiń na tej stronie, tylko divy poruszają się za pomocą transformacji 3d. Ale jeśli chcesz uzyskać efekty specjalne przy przewijaniu, możesz użyć funkcji animacji jQuery:
$("html").animate({scrollTop: position-to-scroll}, 300, "ease-in");
Więcej na temat animować.
0 dla odpowiedzi nr 2
Może to być wyłączenie przewijania. Zauważyłem, że jeśli przeciągnę rolkę po prawej stronie okna, nie ma to wpływu na "zwalnianie", ale jest to przewijanie myszy. Jest to podobne do efektu opisywanego tutaj dema Jak tymczasowo wyłączyć przewijanie? .. w pewnym momencie możesz tymczasowo wyłączyć przewijanie, a następnie włączyć je ponownie, aby zatrzymać je zbyt daleko w dół