防止移动Safari中固定Div背后的背景滚动？

Question

如何阻止overflow: hidden区域在移动版Safari中的固定div叠加层后滚动？

body { margin: 0; padding: 0; border: 0; } body.no-scroll { position:relative; overflow: hidden; height: 100%; } 作为一种标准，但似乎并没有在移动设备上做到这一点。

最后，这里有一些我已经实现的代码摘录：

CSS：

$(document).ready(function () {
  $('.activate-div-overlay').click(function() {
    $('body').addClass('no-scroll');
  });
});
$(document).ready(function () {
  $('.close-div-overlay').on('click', function(){
    $('body').removeClass('no-scroll'); 
  });
});

JS：

%