所以，我知道这种问题以前已经被问过很多次了，但我找不到合适的答案。我有一个网站页面，其中包含大量可滚动数据，包括图像。现在我想要一个功能，当我单击图像时，图像会在模式弹出窗口中打开，并且页面滚动会被禁用。像 facebook 之类的东西，但如果图像大于屏幕尺寸，则可能是可滚动的。谢谢您的帮助！！
问问题
349 次
1 回答
0
首先，如果图像比屏幕大，可以查看屏幕大小，对比图像。如果图像较大，请将图像宽度设置为屏幕宽度。高度会自动改变以保持比例。
如果高度大于屏幕高度，则执行相同操作，仅使用高度。
而对于滚动条的禁用，有一个使用 javascript 的长迂回方法。
否则，您可以隐藏滚动条，并添加一个 div，即图像后面的全屏大小。
迂回的javascript方式：
点击图片后，可以将body的宽高设置为屏幕的宽高，并在body上设置overflow:hidden，关闭图片时，将样式恢复为原来的样式。如果主体没有高度，请将其设置为自动。
希望这可以帮助
于 2013-11-22T07:45:22.617 回答