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 –