JavaScript最大宽度removeAttribute

Question

我对此代码有疑问。

此代码用于检查移动设备的分辨率并打开具有相同分辨率的网页。 但是，当我从移动设备打开显示宽度小于480px的页面并滚动时，该页面无法正确查看。 我想为显示宽度小于480px的设备删除此代码。

你能帮助我吗？

的JavaScript

function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop, 
            shrinkOn = 200,
            header = document.querySelector("nav");
        if (distanceY > shrinkOn) {
            header.setAttribute("id","smaller");
        } else {
            header.removeAttribute("id","smaller");
        }
    });
}

我不想：480px宽度id smaller要添加。

Answer 1

如果我理解正确，则需要以下代码行：header.setAttribute（“ id”，“ smaller”）; 仅在宽度大于480px时执行。 如果是这种情况，请尝试以下操作：

var width = document.body.clientWidth;

function init() {
    window.addEventListener('scroll', function(e){
        var distanceY = window.pageYOffset || document.documentElement.scrollTop, 
            shrinkOn = 200,
            header = document.querySelector("nav");
        if (distanceY > shrinkOn) {
            if (width > 480) {
            header.setAttribute("id","smaller");
            }           
        } else {
            header.removeAttribute("id","smaller");
        }
    });
}