Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/firebase/6.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
CSS:target+;滚动条_Css - Fatal编程技术网

CSS:target+;滚动条

CSS:target+;滚动条,css,Css,当弹出目标处于活动状态时,是否可以隐藏滚动条?只有css div{display:none} #弹出:目标{display:block;} 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 我想这没关系。我想做的是,当#popup:target处于活动状态时,BODY,也许HTML标记将是{overflow:hidden} 我试过了 #popup:target:active + body {overflow: hidden;} #popup:target ~ body

当弹出目标处于活动状态时,是否可以隐藏滚动条?只有css

div{display:none}
#弹出:目标{display:block;}

内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容

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

我试过了

#popup:target:active + body {overflow: hidden;}
#popup:target ~ body {overflow: hidden;}
但什么都没有

我用jQuery做了这个,它工作得很好!但是我可以用纯CSS来做吗?泰

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%'
});
    }); 
});

滚动条在哪里?它是如何被上推两次的?因为没有滚动条,所以还不清楚OP在追求什么。所以如果你不能滚动,你希望溢出的内容发生什么?它们是弹出窗口上唯一的样式吗(例如,它的位置是固定的还是任何东西,或者只是相对于示例中的链接?)请花时间看一看。如果您没有提供一份清晰的问题陈述,而该陈述又重复了您的问题,我们将无法为您提供帮助