Question

当页面上的“.overlay-scale.open”类处于活动状态时，我正在尝试使用css来控制我的页面的父体类。在页面上打开叠加层时，“overlay-scale.open”处于活动状态。当该叠加层处于活动状态时，我想阻止正文滚动。

我自己试了一下，但它似乎没有起作用。试图弄清楚这是否可行或以其他方式做到这一点！？

我的HTML：

<!doctype html>
<html>
<head>
</head>

<body class="blog">

<div id="wrapper" class="container">
<section class="full_width row">
<div class="d1-d5 sidebar">
<ul>
<li class="group"><a class="global_btn" id="trigger-s-overlay">All articles</a></li>
</ul>


</div>
<div class="d6-d12 content_body">
<h2>Hi Ray, for those who are unaware would you care to introduce yourself?</h2>

<p>Content</p>

</div>
</section>

<div class="s-overlay overlay-scale search_overlay">
<article class="d4-d6 t3-t4 m3-m4 entry">
stuff
</article>
</div>
</section>
</div>

我的CSS：

.overlay-scale.open body.blog{
  overflow: hidden !important;
}

当一个css类处于活动状态时，更改前体类的属性

0 个答案: