CSS：目标+滚动条

Question

当弹出目标处于活动状态时，可以隐藏滚动条吗？只有CSS。

div {display: none}
#popup:target{display: block;}

<a href="#popup">Popup</a>
<a href="#">Del</a>

<div id="popup">
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
content<br>
</div>

https://jsfiddle.net/5bjLwc1e/

Answer 1

我认为没关系。我想做的是，当#popup：target处于活动状态时，BODY，也许HTML标记将是{overflow：hidden}

我尝试过

#popup:target:active + body {overflow: hidden;}
#popup:target ~ body {overflow: hidden;}

但没有。

我是用jQuery完成的，效果很好！但是我可以用纯CSS做到吗？ Ty

var url = window.location.hash;
$(function(){
  if (url.substring(url.indexOf('#'))){
    $("html, body").css({
    overflow: 'hidden',
    height: '100%'
});
  }
  $("#isnt-scroll").click(function() {
    $("html, body").css({
    overflow: 'hidden',
    height: '100%'
});
    }); 
});