如何使用JavaScript输入CSS类以影响其他函数

为了找到答案，我去了很多信息丰富的网站，但到目前为止运气不好。所以现在在这里提问

---

CSS类

---

JS输入 根据网页上的位置，应该给出值（posi）。被否决了，因为CSS以这种方式工作，并试图用样式（top）值（posi）更新CSS。但是，没有更新

---

CSS影响的JS CSS影响到这一点。如果CSS没有类

.toppy

，则函数

全屏

可以很好地打开全屏，CSS的预设值（-1310）位于从顶部向下的位置

---

但是，为什么CSS的style属性top没有被JS输入函数更新，从而将

全屏的位置更改为打开？我的目标是获得在页面上当前位置打开的全屏。有些浏览器会自动执行此操作，有些则不会。因此需要编码

还是必须在css中定义一个变量（例如，
var（--posi）
），然后继续这样做，但我不知道该怎么做

非常感谢您的回复


更新：

谢谢你的意见。有效的。然而，由于问题仍然存在，我认为这里的问题是如何将css链接到特定的js，这是全屏的情况。如果我有两个完全相同的js全屏（函数名除外），我将如何为一个js定义上述类型的css，并为另一个js定义另一种css？对我来说，全屏css（定义如上）似乎不接受任何id或类标记，或者我不知道如何将id链接到js？合并？问候
 您可以在CSS中使用
-100vh
，这是负的整个视口高度。至于您的问题，虽然您可以更改CSS规则，但人们通常直接更改元素的样式。编辑：我很确定您需要添加一个单元：
-posi+“px”
文档。getElementById（“toppy”）不应该工作，因为您已经将toppy定义为类而不是ID
.toppy {
  :-webkit-full-screen {position: relative; top: -1310;}
  :-moz-full-screen {position: relative; top: -1310;}
  :-ms-fullscreen {position: relative; top: -1310;}
  fullscreen {position: relative; top: -1310;}
}

window.onscroll = function() {mss()};

function mss() {
  var posi = document.body.scrollTop;
  document.getElementById("toppy").style.top = -posi;
}

function FullScreen()  {  .... code .... }