Question

我正在使用2个div，第一个div应该填满整个屏幕（宽度和高度），一旦有一个按钮或链接点击它，它应该启用滚动除了采取到第二个div

我能够设置类似这样的内容https://codepen.io/malditojavi/project/editor/ZgWYrZ/#0但是我无法改变我自己班级的班级＆＃39; allowcrolling＆＃39;这将重新启用该滚动。

我使用了这个功能

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。

启用滚动点击

2 个答案: