Le corps du Chrome 61 ne défile pas

Question

Quelqu'un sait-il pourquoi assigner scrollTop sur l'élément body ne fonctionne plus ?

eg : document.body.scrollTop = 200

fait en sorte que le document ne défile pas.

Cause : Chrome a finalement rendu la spécification de défilement conforme dans la version 61

Solution : Utiliser scrollingElement

Mettez l'exemple à jour :

var scrollNode = document.scrollingElement ? 
                 document.scrollingElement : document.body;
scrollNode.scrollTop = 200;

Answer 1

La solution décrite à la fin de cette question (vérification de la présence de document.scrollingElement ou de se rabattre sur document.body ) ne fonctionnera pas sous IE, car il ne prend pas en charge l'application document.scrollingElement ( docs ), et dans IE, l'élément de défilement est l'élément HTML.

Je suggérerais donc qu'une meilleure solution pour cela serait quelque chose du genre ;

var scrollNode = document.scrollingElement || document.documentElement;

Ce qui devrait fonctionner pour tous les navigateurs modernes.

---

À titre d'anecdote, il est intéressant de considérer que la scrollingElement semble avoir été ajoutée dans l'unique but de faire en sorte que nous Ne le fais pas. ont besoin de contrôles/rétrobalances pour obtenir l'élément de défilement racine, mais en raison d'autres incompatibilités entre navigateurs, nous avons toujours besoin d'un contrôle/rétrobalance afin d'utiliser scrollingElement .

Le développement web n'est-il pas amusant ?

Answer 2

J'ai fini par ajouter ce code au document prêt et cela fonctionne. Aussi, j'ai eu des problèmes avec certaines infobulles qui étaient mal placées et ce code l'a corrigé :

    window.onload = function () {
        var GetDocumentScrollTop = function () {
            var isScrollBodyIE = ASPx.Browser.IE && ASPx.GetCurrentStyle(document.body).overflow == "hidden" && document.body.scrollTop > 0;
            if (ASPx.Browser.WebKitFamily || isScrollBodyIE) {
                if (ASPx.Browser.MacOSMobilePlatform)
                    return window.pageYOffset;
                else if (ASPx.Browser.WebKitFamily)
                    return document.documentElement.scrollTop || document.body.scrollTop;
                return document.body.scrollTop;
            }
            else
                return document.documentElement.scrollTop;
        };
        var _aspxGetDocumentScrollTop = function () {
            if (__aspxWebKitFamily) {
                if (__aspxMacOSMobilePlatform)
                    return window.pageYOffset;
                else
                    return document.documentElement.scrollTop || document.body.scrollTop;
            }
            else
                return document.documentElement.scrollTop;
        }
        if (window._aspxGetDocumentScrollTop) {
            window._aspxGetDocumentScrollTop = _aspxGetDocumentScrollTop;
            window.ASPxClientUtils.GetDocumentScrollTop = _aspxGetDocumentScrollTop;
        } else {
            window.ASPx.GetDocumentScrollTop = GetDocumentScrollTop;
            window.ASPxClientUtils.GetDocumentScrollTop = GetDocumentScrollTop;
        }
    };

J'espère que cela pourra vous aider.