【问题标题】:How to remove overflow (scroller bars) of an overlay image viewer如何删除覆盖图像查看器的溢出(滚动条)
【发布时间】:2013-06-27 03:45:49
【问题描述】:

在覆盖层打开时移除溢出(滚动条 x 和 y),然后在覆盖层(图像查看器)关闭后,主体使溢出可见(滚动条 x 和 y) (显然在点击图片触发覆盖之前,body 的滚动条是可见的。

示例:

<style type="text/css">
body { overflow:visible;}
div.overlay {position: fixed; overflow-y:hidden; overflow-x:hidden;} </style>

谢谢,我知道了。我在编码方面很糟糕:?

【问题讨论】:

  • 您真正的问题是什么?您已将 body 的溢出设置为可见,因此它将始终可见。如果您不想这样做,则应将其更改为隐藏。
  • @JeevanJose 我的目标是在覆盖层启动时消除身体的溢出。当覆盖层关闭时,ovetflow 再次可见。
  • @JeevanJose 我说得有道理吗?
  • 是的,你现在就做 :) 检查我的答案

标签: javascript css scroll overflow overlays


【解决方案1】:

您可以使用 jquery 来执行此操作。在初始化叠加层的地方,添加以下内容:

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

在你关闭覆盖的地方,添加这个:

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

希望这会有所帮助。

【讨论】:

  • 聪明的家伙,这帮助了一百万,我可以通过推特联系你吗?
  • 我正在通过 Twitter 关注你,关注回来 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-07-07
  • 1970-01-01
  • 2021-06-07
  • 2013-08-24
  • 2011-05-18
  • 2017-04-07
相关资源
最近更新 更多