Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/database/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript在单击按钮时更改CSS属性值_Javascript_Css_Properties_Toggle - Fatal编程技术网

Javascript在单击按钮时更改CSS属性值

Javascript在单击按钮时更改CSS属性值,javascript,css,properties,toggle,Javascript,Css,Properties,Toggle,(对不起,我的英语不好) 我正在寻找一个javascript,当模块打开时它将停止正文滚动,所以我在这里找到了一个脚本(),我需要帮助。我想用class.overlay更改节/列的z-index值。当有人用class=“open overlay”单击按钮时,它也会更改此部分的z索引值 var body = document.body, overlay = document.querySelector('.overlay'), overlayBtts = document.qu

(对不起,我的英语不好)

我正在寻找一个javascript,当模块打开时它将停止正文滚动,所以我在这里找到了一个脚本(),我需要帮助。我想用class.overlay更改节/列的z-index值。当有人用class=“open overlay”单击按钮时,它也会更改此部分的z索引值

  var body = document.body,
    overlay = document.querySelector('.overlay'),
    overlayBtts = document.querySelectorAll('button[class$="overlay"]');
    
[].forEach.call(overlayBtts, function(btt) {

  btt.addEventListener('click', function() { 
     
     var overlayOpen = this.className === 'open-overlay';
     
     overlay.setAttribute('aria-hidden', !overlayOpen);
     body.classList.toggle('noscroll', overlayOpen);
     
     setTimeout(function() {
         overlay.scrollTop = 0;              }, 1000)

  }, false);

});