启用滚动单击

Question

我正在使用 2 个div，第一个div 应该填满整个屏幕(宽度和高度(，一旦单击其中的按钮或链接，它应该启用滚动除了带到第二个div。

我已经能够设置这样的东西 https://codepen.io/malditojavi/project/editor/ZgWYrZ/#0 但是我无法使用我自己的类"允许滚动"更改该类的类，这将重新启用该滚动。

我使用了这个函数

allowScrolling() {
    document.getElementByTagName("body").className = "allowscrolling";
}

也通过jquery尝试过，使用：

<script>
 $("button").click(function(){
 $("body").css("overflow","scroll");
 });
</script>

但是在我单击第一个链接后，两者都不会启用滚动。我错过了什么？

Answer 1

没有返回单个元素的getElementByTagName。有一个返回数组的getElementsByTagName。使用它并获取arrray的第一个元素来设置类 document.getElementsByTagName('body')[0].className = 'allowscrolling';

Answer 2

document.getElementsByTagName('body')[0].className += ' allowscrolling';

这样就可以了，如果你不在你的项目中加载jQuery，你就不能使用jQuery。