gpt4 book ai didi

javascript getelementbyid ...如何 'get' "html"变量

转载 作者:行者123 更新时间:2023-11-30 08:15:18 25 4
gpt4 key购买 nike

function allowscroll()
{
if (screen.width<1200){document.getElementById('html').style.cssText='overflow-x: scroll !important;';};
}

<body onLoad="allowscroll();">

你好,上面的代码适用于任何元素,例如将“html”替换为“wrapper”,但是如何编辑应用于 html 的 css?基本上,因为 overflow:hidden 在 ie7 中没有继承——这会导致一个很大的空白右手边距和水平滚动条(仅在 ie7 中,即 8 兼容性),我将 css 设置为

html {overflow-x:hidden;}

这是在不丢失必要功能的情况下修复它的唯一方法,例如溢出的图形可见性。

这一切都很好,但是,较低的屏幕分辨率需要水平滚动才能看到所有页面本身,所以我正在尝试为这些用户恢复水平滚动条 - 并为任何碰巧是 ie7 1024 by 768 的人 - 我可以接受(除非有人碰巧有 superdupa 解决方案)。

document.getElementById('html').style.cssText='overflow-x: scroll !important;';

所以上面的代码适用于编辑任何元素的 CSS,但不适用于 html 的 CSS。

我也试过:

function allowscroll()
{
if (screen.width<1200){document.getElementByName('html').style.cssText='overflow-x: scroll !important;';};
}

function allowscroll()
{
if (screen.width<1200){window.style.cssText='overflow-x: scroll !important;';};
}

我真的很感激任何帮助,如果它有助于看到解决方案,适用的链接是:delight design ,基本上,它是如何取出的:

html {overflow-x:hidden;}

在较低的屏幕分辨率下从 css...

非常感谢

最佳答案

有很多不同的方法来获取 html 元素:

document.documentElement
document.getElementsByTagName('html')[0]
document.body.parentNode

但老实说,一定有更好的方法。我现在没有时间追查这里到底发生了什么,但是 from what I can tell ,将 position:relative 添加到任何需要溢出的地方可能会有所帮助。

关于javascript getelementbyid ...如何 'get' "html"变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4888826/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com