Przycisk odsyłający do góry strony widoczny po odświeżeniu. Przycisk top

Question

Cześć,

Mam problem z przyciskiem top, który pojawia się po zjechaniu 300px w dół strony. Postępowałem zgodnie z kursem HTMLa odc. 4 i teoretycznie działa jak powinien, tylko że po otwarciu strony od razu jest widoczny (a nie powinien), wystarczy, że zjadę chociaż 1 px to znika i pojawia się dopiero tam gdzie powinien czyli po 300px.

Kod JS

$(window).scroll(function()
{
	if($(this).scrollTop()>300) $('.scrollup').fadeIn();
	else $('.scrollup').fadeOut();
}
);

kod CSS

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

Dodam jeszcze, że po powrocie znika tak jak powinien. Problem polega tylko w momencie załadowania strony od nowa. Jakieś rady?

Answer 1

Nie działa dlatego że ten element znika przez fadeOut które jest w funkcji, która jest wywoływana scrollowaniem, czyli musisz zescrollować trochę nawet, żeby to co jest w $(window).scroll(function() się wykonało :) Rozwiązać to można na różne sposoby chociażby dodając $('.scrollup').hide() poza Twoim kodem JS

Comments

Dzięki, zadziałało :)

A jeszcze jedno pytanie, naciskając ten przycisk na telefonie, kieruje do lewego górnego rogu, da się ustawić żeby tylko przejeżdżało do góry?

---

Nie widzę kodu który odpowiada za scrollowanie (podrzuć w komentarzu) :D Swoją drogą jakbyś przystosował do urządzeń mobilnych stronę to nie powinna latać na boki ;)

---

Chodzi Ci o kod html?

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

 

---

A dobra chodziło mi o javascript ale to też przenosi i przenosi do lewego górnego rogu bo to jest taki domyślny róg. Klikając na inny odnośnik gdzieś na Twoim onepage pewnie też do lewego będzie wracać. Tutaj według mnie jedyne sensowne rozwiązanie to dostosować stronę do mobilnych urządzeń porządnie, żeby nie trzeba było przesuwać jej na boki ;) 

---

U mnie też działa tylko jest takie zjawisko, że po odpaleniu albo odświeżeniu strony na chwilę pojawia się ten przycisk scrolowania u góry - czyli tam, gdzie powinien być ukryty. Jest na to jakiś sposób?

A co zrobić, żeby po kliknięciu tego przycisku strona przewijała się po woli - tak płynnie a nie błyskawicznie, bo to słabo wygląda?