jquery调整滚动条大小以适应覆盖div的高度

我想创造一些类似的东西：

不是站点，而是onClick image事件。 单击图像时，滚动条将根据覆盖图像的高度调整大小

---

如何使用jquery生成类似的内容？

当他们打开一个模式时，会将以下类添加到主体中

   .modal-open {
        overflow: hidden;
        position: relative;
    }

所以当溢出隐藏时，模态后面的所有图像都隐藏了。 因此，滚动条适应模态的内容

在模态层上，他们添加了这个类

.modal-scrollable {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

---

请注意溢出是如何自动的，这意味着如果需要，滚动条将显示在该层上。

当它们打开一个模式时，它们会向主体添加以下类

   .modal-open {
        overflow: hidden;
        position: relative;
    }

所以当溢出隐藏时，模态后面的所有图像都隐藏了。 因此，滚动条适应模态的内容

在模态层上，他们添加了这个类

.modal-scrollable {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
}

---

注意溢出是如何自动的，这意味着如果需要，滚动条将显示在该层上。

正如承诺的，下面是我所做的代码

JQuery：

    $('.item').on('click','img', function(){
        $this = $(this);
        $('body').addClass('modal_open');
        $('#overlay').fadeIn();
        $('#img_zoom').html('new and bigger image tag').fadeIn();
    });
    

CSS:

---

多亏了计算机艺术

正如承诺的那样，这是我所做的代码

JQuery：

    $('.item').on('click','img', function(){
        $this = $(this);
        $('body').addClass('modal_open');
        $('#overlay').fadeIn();
        $('#img_zoom').html('new and bigger image tag').fadeIn();
    });
    

CSS:

---

多亏了计算机艺术

，如果你能分享到目前为止你所做的一切，那就太好了。如果你能分享到目前为止你所做的一切，那就太好了。我确实试图找到一个解决方案。我花了好几个小时这样做，但出于某种原因，我无法掌握诀窍……似乎你作为一名程序员太棒了……我真的很感激你的工作……再次感谢你。我不想不尊重你或其他任何东西，但在Stackoverflow上，我们收到了大量的问题“如何做到这一点”，大多数人甚至都没有试图找到答案。如果你花了几个小时在某件事情上，下次请提供一些代码。我也更新了答案。不，我明白。别再找借口了。我本来会写一些代码，但我完全不知道如何开始使用这个功能……我所拥有的只是单击图像后的一个启动事件，它似乎与问题无关，因为这太简单了。但一旦donei试图找到解决方案，我会回复并发布整个函数。我花了好几个小时这样做，但出于某种原因，我无法掌握诀窍……似乎你作为一名程序员太棒了……我真的很感激你的工作……再次感谢你。我不想不尊重你或其他任何东西，但在Stackoverflow上，我们收到了大量的问题“如何做到这一点”，大多数人甚至都没有试图找到答案。如果你花了几个小时在某件事情上，下次请提供一些代码。我也更新了答案。不，我明白。别再找借口了。我本来会写一些代码，但我完全不知道如何开始使用这个功能……我所拥有的只是单击图像后的一个启动事件，它似乎与问题无关，因为这太简单了。但我会回复和张贴整个功能一旦完成