Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Strzałka powrotu "do góry"
Forum PHP.pl > Forum > Gotowe rozwiązania
northwest
Witam serdecznie,
Spotkaliście się może z takim rozwiązaniem:
- użytkownik wchodzi na stronę,
- "przewija niżej" czytając tekst,
- pojawia się mu strzałka na dole ekranu "powrót na górę"?

Jak jest na górze - to strzałka jest niewidoczna.

Widział ktoś może coś takiego?
Wie ktoś/ma ktoś jakiś przykład jak to zrobić?

Northwest
vokiel
Mierzysz scrollTop i jeśli jest > od wybranej wartości to pokazujesz link, jeśli jest mniejsza lub równa to ukrywasz. Link ustawia scrollTop na 0

https://developer.mozilla.org/pl/docs/Web/A...ement/scrollTop
https://api.jquery.com/scrollTop/
Malukaz
musisz miec jquery


potem coś na ten wzór:

  1. $(document).ready(function(){
  2. //arrowDissaper("IDMOJEJSTRZALKI", ILEPIXELISCROLL);
  3. arrowDissaper("myArrow", 300);
  4. });
  5. $(window).on("resize scroll, function(){
  6. arrowDissaper("myArrow", 300);
  7. });
  8. function arrowDissaper(arrowID, when){
  9. var w = $(window);
  10. if(w.scrollTop > when){
  11. $("#"+arrowID).fadeIn(200);
  12. } else {
  13. $("#"+arrowID).fadeOut(200);
  14.  
  15. };
kapslokk
Cytat(Malukaz @ 25.08.2015, 14:38:41 ) *
musisz miec jquery

Sugerujesz, że bez jQuery się nie da?
Malukaz
da sie. chciał gotowca to mu z palca napisałem w jQ
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.