javascript - setScrollbar() 方法在 modal.js 中实际执行的操作是什么

Question

我刚刚浏览了 modal.js 的源代码，遇到了以下我很难理解的方法，

  Modal.prototype.setScrollbar = function () {
    var bodyPad = parseInt((this.$body.css('padding-right') || 0), 10)
    if (this.bodyIsOverflowing) this.$body.css('padding-right', bodyPad +     this.scrollbarWidth)
  }

其实上面的方法很简单，

基本上它存储了主体上的当前填充，然后， 检查主体是否溢出，然后应用 padding-right 。

现在我的问题是这个功能的实际或视觉用途是什么？

我已经浏览了 modal.js 中的大多数函数，它们对我来说确实有意义，除了这个函数，我见过的一些函数有非常微妙的效果，所以很难选择，但有了这个函数，即使我无法辨别有或没有它的细微差别。

有人可以详细说明一下吗？我遇到困难的功能可以在 git 上找到。 Line 269 .

谢谢。

亚历山大。

Answer 1

通过将 body 的 right-padding 的大小增加滚动条的宽度，可以确保滚动条不会与内容重叠...并且这就是为什么你可能没有注意到它。实际上，只有在不使用它的情况下您才会注意到它(您的内容可能会被滚动条重叠)。