onScroll non funziona su firefox su mac

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
Ciao a tutti, non riesco a capire dove sta il problema.
Ho questo codice:

Codice:
$(document).ready(function () {
    $('#tornaSu').hide();
});
function showElementId(x) {
    var fraz = $('body').height() / 5;
    if ($('body').scrollTop() < fraz && $(x).is(':visible')) {
        $(x).fadeOut(1000);
    }
    else if ($('body').scrollTop() >= fraz && $(x).is(':hidden')) {
        $(x).fadeIn(1000);
    }
}
function tornaSu() {
    var target = $('body').offset().top;
    $('html,body').animate({ scrollTop: target }, 800);
}

dove showElementId è richiamato da <body onscroll="...">

Funziona perfettamente su Chrome (mac e win10) e Safari (mac), ma non da segni di vita su Firefox (mac).
Qualcuno sa dirmi come mai?
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, x cos'è?
lo hai online per testarlo ?
 

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
ciao, no non è online, e al monento non ho possibilità di caricarlo.
Comunque sarebbe il classico bottone torna in cima alla pagina.
Se escludo la parte per mostrare o nascondere l'elemento in base sllo scroll, il bottone in se funziona, è solo che su firefox non fa il fade in quando dovrebbe, e non capisco come mai
 

Rikk73

Utente Attivo
7 Apr 2015
137
6
18
Arezzo
Grazie lo stesso, ho risolto da solo.
Firefox (e IE ho visto) per intercettare lo scrollTop vogliono $('html,body') che però non funziona su Chrome e Safari che vogliono $('body'), e quindi ho risolto così:

Codice:
function showElementId(x, usAgent) {
    if(usAgent.toLowerCase().indexOf('firefox') != -1 || usAgent.toLowerCase().indexOf('msie') != -1){
        Firefox(x);
    }
    else{
        Chrome(x);
    }
}
function Firefox(x){
    var fraz = $('body').height() / 5;
    var brw = 'body,html';

    var fraz = $(brw).height() / 5;
    if ($(brw).scrollTop() < fraz && $(x).is(':visible')) {
        $(x).fadeOut(1000);
    }
    else if ($(brw).scrollTop() >= fraz && $(x).is(':hidden')) {
        $(x).fadeIn(1000);
    }
}
function Chrome(x){
    var fraz = $('body').height() / 5;
    var brw = 'body';

    var fraz = $(brw).height() / 5;
    if ($(brw).scrollTop() < fraz && $(x).is(':visible')) {
        $(x).fadeOut(1000);
    }
    else if ($(brw).scrollTop() >= fraz && $(x).is(':hidden')) {
        $(x).fadeIn(1000);
    }
}
function tornaSu() {
    var target = $('body').offset().top;
    $('html,body').animate({ scrollTop: target }, 800);
}
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
prova con
Codice:
$(window).scrollTop()
funziona su chrome e firefox su safari non so
 
Discussioni simili
Autore Titolo Forum Risposte Data
X Funzione onscroll relativa a elementi multipli Javascript 0
emanuelevt document.body.scrollTop - window.onscroll Javascript 0
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 8
Shyson Non mi fa accedere al sito WordPress 12
N Non Autorizzato. Dovresti rimuovere il parametro customize_messenger_channel per visualizzare l'anteprima in frontend. WordPress 1
R INSERT INTO tabella non funziona Classic ASP 1
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
felino Conversione da MPG a MP4: audio non sincronizzato Windows e Software 1
F Telecamere Wi-Fi non si connettono A nvr IP Cam e Videosorveglianza 0
G Finestra di dialogo che non si apre - programma NUENDO Windows e Software 0
L php mysql non salva solo id PHP 21
D Pagina non trovata Wordpress WordPress 7
S connesso, internet non disponibile ( con extebder tp-link850) Reti LAN e Wireless 0
F Script java elenco alfabetico non funziona Javascript 3
F Script non funzionante. Devo elencare in ordine alfabetico un elenco di nominativi, ma lo script non Javascript 2
L Estrazione dati casuali non doppioni MySQL 1
napuleone non si chiude il thead e non si apre il tbody Javascript 0
napuleone non si aggiorna textarea in tempo reale Javascript 3
D Modem Asus non trasmette ogni 3/4 giorni Reti LAN e Wireless 2
M non static method cannot be referenced from a static context Java 1
napuleone Con le date il codice da di matto o forse non è così Javascript 6
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
M "Internet non disponibile" Reti LAN e Wireless 0
L Non vedo pc in rete Reti LAN e Wireless 0
M Numero random non ripetitivo Java 2
G pc desktop non si connette all'hotspot wifi Reti LAN e Wireless 0
L Non riesco a riprodurre uno sfondo Photoshop 0
N Server mysql non raggiungibile da connessione esterna MySQL 1
R Select concatenata che non funziona la seconda volta Ajax 3
L non duplicare dati in stato "aggiornamento" PHP 6
R [Visual Studio Community] Non trovo il Progetto di Setup .NET Framework 0
zorro file PDF non visualizzo niente PHP 9
D modificare questo codice per inserimento in text e non in tabella jQuery 1
A variabile non riconosciuta PHP 0
A Copertura: indicizzata, non inviata nella mappa del sito XML 1
A funzione iconv () non mi funziona PHP 4
D File pdf che non si aprono .... PHP 1
MarcoGrazia ON DUPLICATE KEY ma in realtà non UPDATE mai PHP 17
R Non riesco a rinnovare l'immagine di sfondo PHP 1
G non riesco a capire quale sia l'errore [SQL] MySQL 2
R Non riesco a cambiare l'immagine di sfondo PHP 4
MarcoGrazia Valori di ritorno json via ajax non visti. jQuery 1
W Non fa l'upload PHP 0
W Parametro non corretto. (code: 87) PHP 4
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
D Alias AS non funziona più con DATE_FORMAT? MySQL 2
A php metodo post jquery non da mai errore jQuery 4
A fread non legge il contenuto del file PHP 4
Alex_70 Button non funziona nella form PHP 2
Tommy03 Order by non funziona MySQL 6

Discussioni simili