在 jQuery 中禁用窗口滚动

Question

我正在使用诸如 facebox 之类的东西，并且希望禁用主窗口滚动条。 但有一点需要注意的是，facebox 组件内部有一个滚动条，它需要能够滚动。

我试图修复的是以下情况：

当滚动内部滚动元素（在facebox内部）时，当滚动结束时，它会进一步向下滚动页面。

Answer 1

在 css 中执行此操作：

body {
   overflow: hidden;
}

这将隐藏主窗口中的滚动条

Answer 2

我进入facebox.js文件并

  $('body').css('overflow', 'hidden');

添加

loading: function() {
      init()
      if ($('#facebox .loading').length == 1) return true
      showOverlay()
      $('#facebox .content').empty()
$('body').css('overflow', 'hidden');
      $('#facebox .body').children().hide().end().
        append('<div class="loading"><img src="'+$.facebox.settings.loadingImage+'"/></div>')

$('body').css('overflow', '');到文档末尾

   * Bindings
   */

  $(document).bind('close.facebox', function() {
    $(document).unbind('keydown.facebox')
    $('#facebox').fadeOut(function() {
      $('#facebox .content').removeClass().addClass('content')
      $('#facebox .loading').remove()
      $(document).trigger('afterClose.facebox')
$('body').css('overflow', '');
    })
    hideOverlay()
  })

})(jQuery);

这会在打开时停止滚动，关闭时将滚动放回原处，它对我有用 http://www.vestedutility.com.au/home_electrical_saftey_check.php