jQuery HTML 转换

Question

我有一个搜索结果列表，其中包含 100 项。显示时会出现浏览器滚动条。到目前为止没有问题。

但是，当用户现在再次搜索时，这次只得到 8 个结果，结果会适合页面，并且滚动条会消失。再次强调，没问题。

但是我现在想做的是让它看起来更漂亮。所以我想淡出结果，然后淡入新结果。

问题是，当您淡出时，整个窗口会调整大小，正如其设计的那样，滚动条会移动，然后显示新结果。如果新结果需要滚动条，那么这看起来有点奇怪，因为它首先消失然后重新出现。

有没有一种纯粹的 jQuery 方法来推迟窗口大小调整，从而保持滚动条可见，直到完全显示下一个结果加载？

我正在寻找的效果是，如果两个结果都需要滚动条，那么您淡出第一个结果，滚动条保留，淡入下一个结果，滚动条保留。而不是让它消失然后重新出现。

Answer 1

垂直滚动条的显示基于文档中内容相对于窗口高度的高度。因此，当您向文档添加的内容高于窗口时，滚动条就会出现，而当内容不再高于窗口时，滚动条就会消失。

如果您想在转换过程中控制滚动条并使其独立于内容高度，那么您必须根据您想要执行的操作使用 CSS 手动强制打开或关闭滚动条。这可以通过在 body 对象上设置 overflow-y 样式属性来完成。例如:

$(document.body).css("overflow-y", "scroll");

将强制滚动条保持打开状态。您可以看到 overflow-y here 的选项.