javascript - 单击某个类的链接时更改正文的 CSS 属性

Question

我有一堆灯箱，它们都具有相同的类，但 ID 不同。当您点击时:

<a class="lightbox" href="#lightbox_one">

我希望 Javascript 添加 overflow: hidden;至 #page_wrap .我希望这适用于所有 <a>属于 .lightbox 的那一类然后当使用 <a href="#close"> 关闭灯箱时我希望 CSS 属性恢复到原始状态 ( overflow: scroll; )。

这是我的 codepen.

Answer 1

您只是想让下面的页面停止滚动？只需将 overflow:hidden 应用于 body

$(".lightbox").click(function(){
  $("body").css({"overflow":"hidden"});
});

$(".close").click(function(){
  $("body").css({"overflow":"auto"});
});