html如何判断页面完全显示出来,div在html页面中没有完全显示其内容

Test Series

Cloud Solutions

---

CSS：

html, body {

margin: 0;

padding: 0;

height: 100%;

overflow: hidden;

}

body{

position: relative;

}

#results{

width: 100%;

height: 100%;

position: absolute;

top: 150px;

left: 300px;

overflow: auto;

}

body{

position: relative;

}

#headerDiv{

position: fixed;

top: 0;

width: 100vw;

//border-bottom: 3px solid #808080;

}

#headerHR{

width: 100%;

height: 1px;

}

#headerImg{

float: left;

margin-top: 0px;

margin-left: 0px;

}

#headerPre{

float: left;

font-family: "Arial", Helvetica, sans-serif;

font-style: normal;

font-weight: bold;

font-size: 24px;

}

的Javascript：

$('#results').load('https://fiddle.jshell.net/ds2vxqbg/1/show')

JavaScript中加载HTML文件中的代码是：

Product no.	Product name	Product type	Product Description
1	Apple	Fruit	Its a fruit
2	Orange	Fruit	Its a fruit
3	Pineapple	Fruit	Its a fruit
4	Pear	Fruit	Its a fruit
5	Plum	Fruit	Its a fruit

我已经在带有ID结果的div标签中加载了一个html页面。虽然该div标记已启用自动溢出，但滚动时不会显示整个内容。请指出我有什么问题。

2016-06-13

Mat

+0

您好！ 我试过你的JSFiddle，我可以滚动并看到div内的所有内容(我也仔细检查了你正在加载的链接)。 但是我认为你的div是从'html，body'标记继承'overflow：hidden;'，或者你从'html，body'中移除它，或者向div的CSS添加一个'！important'。 –

+0

还缺少什么？我看到表格显示在小提琴 –

+0

上，如果你的意思是4个img标签，我把一个边框放在飞行广告上我可以看到所有的4 –