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

为我工作

禁用在jQuery中滚动窗口

2 个答案: