Forum PHP.pl

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

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/

musisz miec jquery


potem coś na ten wzór:

[HTML] pobierz, plaintext 
$(document).ready(function(){
//arrowDissaper("IDMOJEJSTRZALKI", ILEPIXELISCROLL);
arrowDissaper("myArrow", 300);
});
$(window).on("resize scroll, function(){
arrowDissaper("myArrow", 300);
});
function arrowDissaper(arrowID, when){
     var w = $(window);
    if(w.scrollTop > when){
        $("#"+arrowID).fadeIn(200);
    } else {
     $("#"+arrowID).fadeOut(200);
 
};
[HTML] pobierz, plaintext 

Ten post edytował Malukaz 25.08.2015, 13:40:26

Sugerujesz, że bez jQuery się nie da?

da sie. chciał gotowca to mu z palca napisałem w jQ