html - 页面加载ajax内容后不出现滚动条

标签 html css ajax scroll

<分区>

我正在构建一个通过 ajax 加载页面内容的站点。除了 Chrome 和 Safari 的怪癖外,我的一切都正常工作。它甚至可以与 IE 一起使用!

奇怪的是,当页面内容加载并且比索引页面高度长时,滚动条不会出现在 Chrome 或 Safari 中。

我找到了这个 ( In Chrome, page won't resize after Ajax load ) 但他所做的修复没有帮助。

有什么想法吗?

最佳答案

你提到的堆栈页面中有一个答案:@Paul Tomblin .我不知道它是否是那个问题的答案,但我猜 (95%) 这是你的问题的答案。

假设您的内容位于名为 ajax_content 的类中;您应该在 ajax 请求完成时运行此代码:

$('.ajax_content').each(function(){
    $(this).resize();
});

此代码确保所有具有 ajax_content 类的 div、span 等都将调整大小。请记住,ajax_content 类应该具有 scroll: auto; 属性。

如果你想调整整个页面的大小,你可以使用我在那个页面上提到的答案:

$(window).resize();

关于html - 页面加载ajax内容后不出现滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8080582/

相关文章:

html - anchor 标签不起作用

javascript - 我的新网站链接不会出现

javascript - 如果值为空,有没有办法删除输入元素?

python - curl 形式的 http post 方法的默认 header 内容类型是什么?

html - 仅在直接父级悬停时显示 div

javascript - 如何使用 Ajax .serialize() 数据将表单发布到 PHP?

php - 合并图像 PHP

Javascript 音频文件 "previous/next"文件/歌曲跳过功能?

HTML&CSS - 调整我所有图片的大小

html - 如何将 TITLE 和 ALT 添加到背景图像(CSS Sprites)?