在调用JavaScript操作时修改样式-对lightbox进行修改_Javascript_Jquery_Css_Scroll_Prettyphoto

在调用JavaScript操作时修改样式-对lightbox进行修改

javascript jquery css scroll

在调用JavaScript操作时修改样式-对lightbox进行修改,javascript,jquery,css,scroll,prettyphoto,Javascript,Jquery,Css,Scroll,Prettyphoto,当调用下面的javascript操作（到lightbox）时，我需要修改主体的样式，使overflow:hidden和position:fixed <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $("a[rel^='prettyPhoto']") .prettyPhoto({ }); }); </script> …但只有当灯箱打开时基本

当调用下面的javascript操作（到lightbox）时，我需要修改主体的样式，使overflow:hidden和position:fixed

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $("a[rel^='prettyPhoto']") .prettyPhoto({
    });
  });
</script>

…但只有当灯箱打开时

基本上，我需要在Pretto处于活动状态时阻止身体滚动。有什么想法吗？

尝试在打开的函数中添加一些基本的JavaScript代码。像这样：

document.getElementById(BodyId).setAttribute("class","body_noscrolling");

并为主体（.body）创建css值，在其中禁用滚动：

.body {
}  
.body_noscrolling {
overflow: hidden;
position: fixed;
}

同时更改

标记：

<body id="BodyId" class="body">

我不确定它是否能工作，因为我不知道如何调用Pretto函数。

首先，谢谢。我对javascript了解不多，因此很难导航。总之，完整的jquery.prettypto.js可以在这里找到：。。。。我应该将document.getElementByID行放在哪里？您可以尝试放置“document.getElementByID（BodyId）.setAttribute（“class”，“body_noscorling”）；”在第118行之后，加上“document.getElementById（BodyId）.setAttribute（“class”，“body”）；”第470行之后。再说一次，我不确定这是否有效，因为我自己无法尝试。不起作用。不幸的是。谢谢你！如果你还有别的想法，请告诉我。

<body id="BodyId" class="body">

document.getElementById(BodyId).setAttribute("class","body");