Scroll infini ne marche pas sur le navigateur samsung galaxy tab A

a marqué ce sujet comme résolu.

Bonjour j’ai un problème que je ne comprends pas bien. Sur mon site j’ai un système de scroll infini pour charger les données le système fonctionne bien sur opera, firefox, chrome mais lorsque j’utilise le navigateur Samsung de ma tablette il ne fonctionne pas. 

if((document.documentElement.scrollHeight - document.documentElement.scrollTop) < 1000){
   // Mon code du scroll infini
}

Je soupçonne cette partie du code.

Navigateur samsung Version 7.2.10.35

Merci pour toutes vos réponses.

+0 -0

Tu tapes dans la barre les fonctionnalités de JS (ou de CSS ou HTML) que tu utilises et tu vérifies que c’est compatible avec tes navigateurs cible. Par exemple, si je veux utiliser les fonctions async de JS : https://caniuse.com/#search=async

Là on voit par exemple que les utilisateurs de IE11, Opera Mini, QQ Browser etc. ne pourront pas faire tourner mon JS.

Dans ton JS, tu dois vérifier que tu n’utilises pas un truc qui ne fonctionne pas encore avec Samsung Browser.

+0 -0

Je vais mettre mon js ici là on pourras le décortiquer ensemble.

scroll_progress = false;

if((document.documentElement.scrollHeight - document.documentElement.scrollTop) < 1000){
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
            if(xhr.readyState == 4){
                $("#waitLoading").hide();
                if(xhr.status == 200){
                    var result = xhr.responseText.trim();
                    if(result){
                        $('#end').before(result);
                        offset_post += 5;
                        $(".input_votre_commentaire").keyup(resizeTextarea);
                        scroll_progress = false;
                    }
                    else $(window).off("scroll");
                }
                else{
                    $("#reloadLoading").show();
                    scroll_progress = false;
                }
            }
        };
        
        if(!scroll_progress){
            page = $("#pageActuelle").val();
            search = $("#searchId").val();
            
            xhr.open('GET', 'scroll.php?page='+page+'&search='+search+'&offset='+offset_post, true);
            xhr.send(null);
            
            scroll_progress = true;
            $("#waitLoading").show();
            $("#reloadLoading").hide();
        }
    }

Voici mon code existe des choses que j’ai mal fait? merci

+0 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte