查漏补缺——说说overflowY这个属性

问题

如题所示

答案

相关源码：

loading: {
                immediate: true,
                handler: (n, o) => {
                    let htmlBodyElement = document.querySelector('body');
                    htmlBodyElement.style.overflowY = n ? 'hidden' : 'auto';
                }
            }

CSS3 overflow-y 与overflow-y属性

综上所述，overflowY这个样式属性的意思是如果内容超出元素内容区域，是否对内容的上/下进行裁剪。

那么顺便解释一下handler这个回调函数的含义，它传入两个参数，首先先选取body元素，将其赋值给新建的let变量htmlBodyElement，接下来是一个三目运算符，如果n的结果是true，选择hidden这个样式值赋值给 htmlBodyElement.style.overflowY；否则，将auto赋值给htmlBodyElement.style.overflowY。