放大图像时如何消除图像上的随机跳跃

Question

bounty到期在7天内。该问题的答案有资格获得+ 200声望赏金。user2252219希望对此问题引起更多关注：“只是寻找一些指导”

当我按一张图像时，它应该放大成更大的图片。但是，我更改了大小，因此将高度更改为90vh，图像无法完全触摸屏幕的底部和顶部。但是，现在当我按下图像时，您可以看到它在扩展图像之前向上移动了10vh。有人可以帮助我删除该跳转吗？

https://darrientu.com/

    .pswp {  height:100vh !important;
margin:auto!important;top:0 !important;
    bottom:0 !important;
}

.pswp__scroll-wrap {
height:90vh !important;margin:auto!important;top:0 !important;
    bottom:0 !important;
}

Answer 1

要解决跳动，请将height: 90vh !important选择器下的.pswp__scroll-wrap行更改为100vh。像这样：

.pswp__scroll-wrap {
    height: 100vh !important;
    margin: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

[如果您仍然希望在图像的顶部和底部具有填充，则将其添加到.pswp__img选择器，例如（例如20px）：

.pswp__img {
   padding: 20px;
}