onScroll non funziona su firefox su mac

Rikk73

Rikk73

Utente Attivo
7 Apr 2015
141
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

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

Rikk73

Utente Attivo
7 Apr 2015
141
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

Rikk73

Utente Attivo
7 Apr 2015
141
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

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
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
X Funzione onscroll relativa a elementi multipli Javascript 0
emanuelevt document.body.scrollTop - window.onscroll Javascript 0
felino Mac OS e Client Mail: Stato non in linea Mac e Software 1
I nome utente non esiste nel database PHP 1
M Drag and Drop non capisco le sequenze... Javascript 1
L Suggerimento Pagespeed per non vedenti HTML e CSS 0
F comando di inclusione file audio in I-Pad non funziona HTML e CSS 1
M Immagini non usate WordPress 0
B Non riesco a trovare i cognomi con i caratteri speciali in Access (Microsoft 365) MS Access 0
G Numero zero null non deve visualizzare nulla PHP 0
F Paypal _xclick IPN non risponde PHP 1
R Variabile non risconosciuta dentro una funzione PHP 1
C ACCESS Aprire maschera se valore non presente in una combo MS Access 7
E Alert non viene mostrato PHP 1
felino Hardisk WD SATA 1TB 3.5" non si avvia! Hardware 4
K Scrip non funzionante Javascript 1
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
zorro CREATE TABLE non funziona PHP 6
L tipo boolean non funzionante su mariadb (mysql). E codice php 7.4. PHP 0
Sevenjeak Php8 non carica estenzioni PHP 0
R query DELETE non cancella i record PHP 1
otto9due Input text: accetta solo numeri e non può essere vuoto. Javascript 9
G Non vedo frecce su forme Photoshop 2
G Il mio sito dopo aver abilitato l'ssl non visualizza le immagini con indirizzi senza ssl HTML e CSS 0
P jquery refresh div non funziona Javascript 0
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
S Certificato SSL non funzionante Domini 0
zorro modulo di registrazione: funziona ma non sempre PHP 2
D Form contatti non funzionante HTML e CSS 0
MarcoGrazia Trovare record nel database partendo da id non sequenziali PHP 6
M Non ho rinnovato il mio sito su Aruba... Domini 1
T IP INFO NON FUNZIONA PHP 0
Shyson Google search non trova il mio sito SEO e Posizionamento 1
E Estrarre dati da doppia tabella, banale ma non sempre PHP 1
P Data scraping in PHP non funziona PHP 4
otto9due $_FILE non passa i dati dal form PHP 1
keyascii Non è mai troppo tardi Presentati al Forum 0
N dati tabella non presi PHP 1
P Pagina modifica record che non funziona PHP 0
Shyson AUTO_INCREMENT non si aggiorna MySQL 2
Shyson Codice wp-login non funziona PHP 2
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
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 2
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

Discussioni simili

Alto Basso