スクロールを有効にする

Question

私は2つのdivで作業しています。最初のdivは画面全体（幅&の高さ）を埋める必要があります。ボタンまたはリンクがクリックされると、2番目のdiv 。

私はこのようなものを設定することができましたhttps://codepen.io/malditojavi/project/editor/ZgWYrZ/#0しかし、私は自分のクラス 'allowscrolling'でそのスクロールを再び有効にするクラスを変更できません。

私は

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

はまたして、jqueryのを経由して試してみました。この機能を使用：

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

しかし、私は最初のリンクをクリックした後、両方のスクロールを有効にしません。私が行方不明のものは何ですか？

Answer 1

単一の要素を返すgetElementByTagNameはありません。配列を返すgetElementsByTagNameがあります。それを使用してクラスを設定する最初の要素を取得します document.getElementsByTagName('body')[0].className = 'allowscrolling';

Answer 2

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

これは、あなたのプロジェクトでそれをロードしていない場合は、jQueryのを使用することはできません、行います。