在弹出模式中阻止滚动

Question

我正在研究CMP实现。 在移动设备上，我遇到了一些问题，因为当用户滚动弹出框/模式的一部分时，它会触发弹出框后面页面上的滚动。

关于如何阻止向后滚动的任何提示？ 我查看了https://github.com/willmcpo/body-scroll-lock#readme，但是它没有起作用，或者我没有正确实现它，需要进一步检查

谢谢！

Answer 1

最简单的方法是在模式打开时将overflow: hidden添加到body / content元素。

body.contains-open-modal {
  overflow: hidden;
}

然后在打开模式时将contains-open-modal类添加到body。