PDA

View Full Version : Disable scroll bar in iframe



billcheungggggg
11 Jan 2017, 11:16 PM
I am working on an iframe and want to disable/remove the scroll bar. I tried
overflow: hidden and
scrolling="no". It works fine in Chrome and FireFox but work in IE. Can someone give some help please?? Thanks a lot!!1

Here is my code:

index.html


<html>
<body>


<iframe id="tolltip" src="tooltip.html" width="200" height="300" scrolling="no" style="overflow:hidden;">
<p>Your browser does not support iframes.</p>
</iframe>




</body>
</html>


webpage in iframe


<body>
<script type="text/javascript">
Ext.onReady(function() {
var cmsSpecialSpioPanelWidth = "1014";
var cmsSpecialSpioPanelHeight = "73";


new Ext.Viewport({
items : [{
xtype : 'miframe',
id:'csaf',
//hideMode : 'nosize',
resetUrl : '',
width : cmsSpecialSpioPanelWidth,
height : cmsSpecialSpioPanelHeight,
frameConfig : {
width : cmsSpecialSpioPanelWidth,
height : cmsSpecialSpioPanelHeight,
overflow : 'hidden',
//scroll : 'no',
//scrolling : 'no',
}
}, , {
xtype : "panel",
title : "tab"
}]
});

//Ext.getCmp('ext2').getEl().child('.ux-miframe').dom.src = "../../ext2/tooltip.html";
//Ext.getCmp('ext4').getEl().child('.ux-miframe').dom.src = "../tooltip.html";
Ext.getCmp('csaf').getEl().child('.ux-miframe').dom.src = "hi.html";
});
</script>
</body>