jquery自动完成滚动问题，禁用正文滚动

Question

我在页面中添加了 jquery 自动完成功能，但出现问题。

当我输入内容并完成示例弹出窗口时，如何禁用页面滚动并仅启用示例滚动？

这是我使用的jquery插件代码

/*! jQuery UI - v1.8.24 - 2012-09-28
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css

这是屏幕截图:http://prntscr.com/2ud179

Answer 1

我愿意

$('#autocomplete-field').autocomplete({
    source: /* ... */,
    open: function (event, ui) {
        $("html, body").css({overflow: 'hidden'});
    },
    close: function () {
        $("html, body").css({overflow: 'inherit'});
    }
});