当模态打开并且输入被聚焦时，防止BODY滚动

Question

这里有类似的问题：

Prevent BODY from scrolling when a modal is opened

.modal{
-webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

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

上面的CSS工作正常，但问题是当用户关注模体内的输入字段时，主体再次滚动。有什么可以做的来防止这种情况吗？ 谢谢！