Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果主体的宽度和高度大于1000px和600px,如何禁用滚动条?_Javascript_Jquery - Fatal编程技术网

Javascript 如果主体的宽度和高度大于1000px和600px,如何禁用滚动条?

Javascript 如果主体的宽度和高度大于1000px和600px,如何禁用滚动条?,javascript,jquery,Javascript,Jquery,最好只使用javascript。但是如果这太难,jquery也可以(我不想加载jquery,因为页面必须加载得非常快)。这很糟糕。请不要这样做。别管我的浏览器 如果是因为您的中央对齐设计在较长的页面中“向左移动”,只需使用以下CSS: body { overflow-y: scroll; } 这将强制所有站点使用滚动条,并消除移位效应。这个问题相当含糊不清,我的印象是,您的措辞可能有点混乱。如果主体宽度超过1000px,此处理程序将禁用水平滚动条;如果主体高度超过600px,此处理程序

最好只使用javascript。但是如果这太难,jquery也可以(我不想加载jquery,因为页面必须加载得非常快)。

这很糟糕。请不要这样做。别管我的浏览器

如果是因为您的中央对齐设计在较长的页面中“向左移动”,只需使用以下CSS:

body {
    overflow-y: scroll;
}

这将强制所有站点使用滚动条,并消除移位效应。

这个问题相当含糊不清,我的印象是,您的措辞可能有点混乱。如果主体宽度超过1000px,此处理程序将禁用水平滚动条;如果主体高度超过600px,此处理程序将禁用垂直滚动条。如果这真的是您想要的功能,那么您应该意识到这可能会让习惯于完全控制页面滚动位置的用户感到沮丧。无论如何,以下是你(我想)想要的:

function scrollStuff()
{
    if (document.body.offsetHeight > 600)
    {
        document.body.style.overflowY = 'hidden';
    }
    else
    {
        document.body.style.overflowY = 'auto';
    }
    if (document.body.offsetWidth > 1000)
    {
        document.body.style.overflowX = 'hidden';
    }
    else
    {
        document.body.style.overflowX = 'auto';
    }
}

window.onload = scrollStuff;

我认为这也将禁用通过鼠标滚轮滚动。不确定这是否是OP想要的。如果希望滚动条的存在取决于窗口的宽度和高度,只需将
document.body.offsetHeight
document.body.offsetWidth
分别更改为
window.innerHeight
window.innerWidth
,在
onload
事件侦听器下面,添加
window.onresize=scrollStuff
function scrollStuff()
{
    if (document.body.offsetHeight > 600)
    {
        document.body.style.overflowY = 'hidden';
    }
    else
    {
        document.body.style.overflowY = 'auto';
    }
    if (document.body.offsetWidth > 1000)
    {
        document.body.style.overflowX = 'hidden';
    }
    else
    {
        document.body.style.overflowX = 'auto';
    }
}

window.onload = scrollStuff;