Php Wordpress如何禁用溢出

我已经在wordpress中创建了一个模式，在自定义代码段中使用此代码，并在wordpress上使用快捷码显示它

echo" <img id='gallery-pic' src='$image_src'>

    <div id='myModal' class='modal'>
      <span class='close'>×</span>
      <img class='modal-content' id='img01'>
      <div id='caption'></div>
    </div>

 <script type=\"text/javascript\">
    var modal = document.getElementById('myModal');


    var img = document.getElementById('gallery-pic');
    var modalImg = document.getElementById('img01');
    var captionText = document.getElementById('caption');
    img.onclick = function(){
      document.body.style.overflow = 'hidden';
      modal.style.display = 'block';
      modalImg.src = this.src;
      captionText.innerHTML = this.alt;

    }

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName('close')[0];

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
      modal.style.display = 'none';
      document.body.style.overflow = 'auto';
    }
    </script> ";
 ?>

echo”
×
关闭模态的元素
var span=document.getElementsByClassName（'close'）[0]；
//当用户单击（x）时，关闭模式对话框
span.onclick=函数（）{
modal.style.display='none'；
document.body.style.overflow='auto'；
}
";
?>

---

document.body.style.overflow在wordpress上不起作用，但是如果我将“overflow”切换到“backgroundColor='yellow'”，它就会起作用。打开模式后，如何删除主页溢出？

您确定正在滚动的是body元素吗？难道没有一个包装器或者类似的东西可以让你滚动吗？正如你所写的那样，如果你滚动的是主体，那么溢出隐藏应该是有效的。刚刚意识到需要隐藏的是HTML标记，而不是主体，这解决了你的问题吗？您可以使用document.documentelement访问HTML元素是的。谢谢你！你确定body元素就是滚动的对象吗？难道没有一个包装器或者类似的东西可以让你滚动吗？正如你所写的那样，如果你滚动的是主体，那么溢出隐藏应该是有效的。刚刚意识到需要隐藏的是HTML标记，而不是主体，这解决了你的问题吗？您可以使用document.documentelement访问HTML元素是的。谢谢你！