• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

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

VPS Starter Arubacloud
+1 głos
376 wizyt
pytanie zadane 11 lipca 2016 w JavaScript przez Peengie Początkujący (360 p.)

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?

1 odpowiedź

+2 głosów
odpowiedź 11 lipca 2016 przez mitelak Pasjonat (23,330 p.)
wybrane 11 lipca 2016 przez Peengie
 
Najlepsza

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

komentarz 11 lipca 2016 przez Peengie Początkujący (360 p.)
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?
komentarz 11 lipca 2016 przez mitelak Pasjonat (23,330 p.)
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 ;)
komentarz 12 lipca 2016 przez Peengie Początkujący (360 p.)

Chodzi Ci o kod html?


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

 

komentarz 12 lipca 2016 przez mitelak Pasjonat (23,330 p.)

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 ;) 

komentarz 16 listopada 2017 przez labionda25 Nowicjusz (100 p.)
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?

Podobne pytania

0 głosów
1 odpowiedź 250 wizyt
0 głosów
0 odpowiedzi 152 wizyt
pytanie zadane 9 sierpnia 2017 w HTML i CSS przez IlovePython Nowicjusz (120 p.)
0 głosów
1 odpowiedź 91 wizyt
pytanie zadane 30 października 2016 w HTML i CSS przez NaczelnyNieuk Początkujący (260 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...