如何阻止显示页脚内容及以下内容的正文内容

Question

我正在使用自动完成文本框，这里基于动态值超过滚动条，如果文本框中滚动条超出显示的页面滚动条自动超出并且还显示两个滚动条。如果文本框中显示更多的值滚动条不应超过页脚内容，只显示在正文容器中，也不显示两个滚动条，所以请帮我解决这个问题。

css代码：

.ui-autocomplete {
    max-height: 28%;
    overflow-y: auto;
}

autocomplte代码： 区域数据类型是数组，它包含多个值

autocomplete({
    autoFocus : true,
    source : areas,
    selectFirst : true,
    select : function(event, ui) {
};

图像

Answer 1

为了提供帮助，示例代码会很棒，但是从附图中我猜测你的 body container 的父级有一个固定的高度而你的 body container < / em>具有静态定位。

如果是这样，您需要将 body container 的CSS位置更改为 relative ，并为.ui-autocomplete类分配固定高度：

.body-container {
    position: relative;
}

.ui-autocomplete {
    max-height: 100px; /* For example */
}

如果从 body container 的父级移除固定高度，则第二个滚动条应该消失。如果必须保持固定高度，则将overflow-y设置为隐藏。