打开弹出窗口时阻止页面滚动条

时间:2013-11-22 04:35:04

标签: javascript html modalpopup

所以,我知道之前已经多次询问过这类问题,但我无法找到适合我问题的答案。我有一个网站页面,其中包含大量可滚动数据,包括图像。现在我需要一种功能,当我点击图像时,图像在模态弹出窗口中打开,页面滚动被禁用。像facebook这样的东西,但是如果图像大于屏幕尺寸,则可以滚动。谢谢你的帮助!!

1 个答案:

答案 0 :(得分:0)

首先,如果图像大于屏幕,您可以检查屏幕尺寸并比较图像。如果图像较大,请将图像宽度设置为屏幕宽度。高度会自动改变以保持比例。

如果高度大于屏幕高度,请执行相同的操作,只需使用高度。

对于禁用滚动条,使用javascript有一个很长的回旋方法。

否则你可以隐藏滚动条,并添加一个div,这是图像背后的全屏尺寸。

环形交叉javascript方式:

单击图像后,您可以将主体宽度和高度设置为屏幕的宽度和高度,并设置溢出:隐藏在主体上,当您关闭图像时,将样式还原为原始样式。如果身体没有高度,请将其设置为自动。

希望这会有所帮助