Javascript 当某个类调用

我想在使用“popup”类时将body overflow设置为hidden。并通过JavaScript调用这个类。作为我的CSS，它不起作用。
我可以像这样在类中嵌套“body”标记吗

#CSS
.popup {
    display: table;
    height: 100% !important;
    table-layout: fixed;
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 400;
    body {
        overflow: hidden!important;
    }
}

我的例子是，当你点击Facebook照片时，它会全屏显示并锁定滚动。谢谢你的帮助

我这样称呼它

<a href="#" onclick="getphoto(int)">Click to view larger</a>

inputString是照片id。 在photo.php中，它返回html内容

…我的内容…

我可以像这样在类中嵌套“body”标记吗？没有

调用

popup

类时，按以下方式使用jQuery

.css（）

：

$("body").css("overflow", "hidden");

更多信息：

我可以像这样在类中嵌套“body”标记吗？没有

调用

popup

类时，按以下方式使用jQuery

.css（）

：

$("body").css("overflow", "hidden");

---

更多信息：

你不能像那样使用

CSS

。但是，在css中可以有一个名为

overflow hidden

的类，其位置如下：

.overflow-hidden{
    overflow:hidden !important;
}

$('body').filter(function(){
  return $(this).find('.popup').is(':visible')
}).css('overflow','hidden');

然后在jQuery中：

$('.popup').click(function(){
    $('body').addClass('overflow-hidden');
});

你也可以使用

toggleClass()

及

---

因此，当你想给它一个css类时，你可以

addClass（）

，然后在弹出窗口消失后

removeClass（）

。

你不能像那样使用

css

。但是，在css中可以有一个名为

overflow hidden

的类，其位置如下：

.overflow-hidden{
    overflow:hidden !important;
}

$('body').filter(function(){
  return $(this).find('.popup').is(':visible')
}).css('overflow','hidden');

然后在jQuery中：

$('.popup').click(function(){
    $('body').addClass('overflow-hidden');
});

你也可以使用

toggleClass()

及

---

因此，当你想给它一个css类时，你可以

addClass（）

，然后

removeClass（）

一旦弹出窗口消失。

不，你不能那样使用css

if($('.popup').is(':visible')){

 $("body").css('overflow', 'hidden');

}

或

关闭弹出窗口或其他条件时

 $("body").css('overflow', 'yourchoice');

---

不，你不能像那样使用css

if($('.popup').is(':visible')){

 $("body").css('overflow', 'hidden');

}

或

关闭弹出窗口或其他条件时

 $("body").css('overflow', 'yourchoice');

---

您可以像这样使用jQuery：

.overflow-hidden{
    overflow:hidden !important;
}

$('body').filter(function(){
  return $(this).find('.popup').is(':visible')
}).css('overflow','hidden');

---

---

您不能像示例中那样使用嵌套css。

您可以像这样使用jQuery：

.overflow-hidden{
    overflow:hidden !important;
}

$('body').filter(function(){
  return $(this).find('.popup').is(':visible')
}).css('overflow','hidden');

---

---

您不能像示例中那样使用嵌套css。

您可以在jquery中使用

addClass

和

removeClass

.bodyOverflow() { 
   overflow:hidden;
}

在jquery中

$('.popup').on('click', function(){
   $('body').addClass('bodyOverflow');
});

---

您可以在jquery中使用

addClass

和

removeClass

.bodyOverflow() { 
   overflow:hidden;
}

在jquery中

$('.popup').on('click', function(){
   $('body').addClass('bodyOverflow');
});

像这样的

#CSS
.popup {
    display: table;
    height: 100% !important;
    table-layout: fixed;
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 400;
    body {
        overflow: hidden!important;
    }
}

演示

JQUERY 像这样的

#CSS
.popup {
    display: table;
    height: 100% !important;
    table-layout: fixed;
    width: 100%;
    position: fixed;
    top: 0px;
    bottom: 0px;
    z-index: 400;
    body {
        overflow: hidden!important;
    }
}

演示

JQUERY

---

“我可以像这样在我的类中嵌套“body”标记吗？”不可以。你的

弹出式
类是何时以及如何使用的？谢谢大家，当我添加
$（'body'）。css（'overflow'，'hidden'）以获取照片function@brendan如果您认为我的答案对您有帮助，请将其标记为已接受的答案。：）是的，它工作了，但滚动不可见。如何像Facebook照片查看器一样将其可见但锁定“我可以像这样将“body”标记嵌套在我的类中吗？”否。何时以及如何使用您的
弹出式
类？感谢我添加
$（'body'）。css（'overflow'，'hidden'）以获取照片function@brendan如果您认为我的答案对您有帮助，请将其标记为已接受的答案。：）是的，它工作了，但滚动不可见。如何像Facebook photo Viewer一样使其可见但被锁定它命名类并不是一种最佳做法，因为它包含CSS属性（想想有多少个
。红色
是蓝色…）。我也怀疑你的
切换类
功能，最好在需要时使用
添加类
和
删除类
。@EdgarGriñant
溢出隐藏类只是一个例子，显然他可以随心所欲地命名它。是的，
addClass
和
removeClass
可能最适合于此，我将编辑我的答案以使用它，谢谢！将类命名为它包含的CSS属性并不是最好的做法（想想有多少
。红色
是蓝色…）。我也怀疑你的
切换类
功能，最好在需要时使用
添加类
和
删除类
。@EdgarGriñant
溢出隐藏类只是一个例子，显然他可以随心所欲地命名它。是的，
addClass
和
removeClass
可能最适合于此，我将编辑我的答案以使用它，谢谢！