automatyczne przewijanie strony - jQuery

Question

Witam. Jestem w 4 odc. kursu HTML na kanale pana Zelenta (automatycznie przewijane strony). Doszedłem do końca odc. przepisując wszystko dokładnie. Podczas testu, przewijanie "kółkiek myszki" lub scrollbarem działa jak najbardziej - przycisk przewijania w górę znika i się pojawia. Gdy się na niego kliknie - strona na ułamek sekundy teleportuje się na samą górę, wraca tam gdzie była, i rozpoczyna się płynne przewijanie na górę. A gdy strona jest na górze - przycisk ma zniknąć, więc wygląda to mniej więcej tak:

1. Kliknięcie przycisku

2. Strona przez ułamek sekundy na samej górze

3. Strona wraca na swoje miejsce

4. Przycisk zaczyna zanikać (ponieważ był na samej górze)

5. Strona płynnie przewija się do góry

6. Gdy przycisk zniknie przez animację, znowu się pojawia (ponieważ wywoływana jest funkcja podczas scrollowania - jeśli strona nie jest na górze - pokaż przycisk)

7. Gdy strona przekroczy tą barierę, gdzie ma zniknąć przycisk - przycisk znika

 

JavaScript:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	
		<script src = "jquery.scrollTo.min.js"></script>
	
		<script>
		
			jQuery(function($)
			{
				//reset scrolla
				$.scrollTo(0);
				
				$('.scrollup').click(function()	  {   $.scrollTo($('body'), 3000);	  });	
				$('#link3').click(function()	  {   $.scrollTo($('#maskicrt'), 500);	});
										
			});
			
			//pokaz podczas przewijania			
			$(window).scroll(function()
			{
				if ($(this).scrollTop() > 900)   $('.scrollup').fadeIn();		
				else $('.scrollup').fadeOut();				
			});
			
		</script>

html:

<a href = "#" class = "scrollup"></a>

css:

.scrollup
{
	width: 64px;
	height: 64px;
	text-decoration: none;
	background: url("img/up.png") no-repeat 0px 0px;
	position: fixed;
	right: 50px;
	bottom: 50px;
	display: none;
}

Pozdrawiam i proszę o pomoc.

Answer 1

link

Dodam jeszcze, iż ktoś już na tym forum miał podobny problem. Niestety odpowiedzi brak, a jemu samemu udało się rozwiącać problem.

Comments

ale tam był problem taki, że ktoś sobie zrobił sticky menu i jak był na dole strony chciał kliknąć w menu na inną część strony i żeby go tam przeniosło bez resetowania scrolla ;) Ty też masz tak przypiętą nawigację?

---

No, nie mam. Ale wyczytałem w jego pytaniu, że strona "przenosi się na ułamek sekundy na samą górę, po czym wraca w to samo miejsce". U mnie jest dokładnie to samo.

---

http://codepen.io/noeemi/full/xqpXyz/ tutaj też przenosi? przycisku nie widać ale w prawnym dolnym rogu mimo wszystko można na niego kliknąć :D najlepiej jakbyś dał cały kod do strony, bo musisz mieć gdzieś błąd najwidoczniej

---

Przepraszam że tak pózno, niestety nie mogłem

---

Udało mi się znalezć rozwiązanie: skopiowałem plik JS "scroll to" (nowszą wersję podmieniłem na starszą) i działa. Tak, jak powinno.