CSS:target+;滚动条
当弹出目标处于活动状态时,是否可以隐藏滚动条?只有cssCSS:target+;滚动条,css,Css,当弹出目标处于活动状态时,是否可以隐藏滚动条?只有css div{display:none} #弹出:目标{display:block;} 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 内容 我想这没关系。我想做的是,当#popup:target处于活动状态时,BODY,也许HTML标记将是{overflow:hidden} 我试过了 #popup:target:active + body {overflow: hidden;} #popup:target ~ body
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在追求什么。所以如果你不能滚动,你希望溢出的内容发生什么?它们是弹出窗口上唯一的样式吗(例如,它的位置是固定的还是任何东西,或者只是相对于示例中的链接?)请花时间看一看。如果您没有提供一份清晰的问题陈述,而该陈述又重复了您的问题,我们将无法为您提供帮助