The people who use the IFRAME know, (the Great god please drift over ...) The IFRAME on the right is always with a scrollbar, and the page has scroll bars by default, and a page of 2 scroll bars is of course not good, remove the words ... Here is a simple jquery, this is Kaka to write, easy to understand, grey often thanks ...
Structure:
<body>
<div class= "Warp_body" >
<div class= "Warp_header" ></div>
<div class= "Warp_content" >
<div class= "sidebar" ></div>
<div class= "Content" >
<div class= "Content-item" >
<iframe width= "100%" style= "height:668px" frameborder= "0" src= "http://thehlc.cn" ></iframe>
</div>
</div>
</div>
</div>
<script type= "Text/javascript" >adjustifrht ();</script>//Add to Page last
</bocy>
jquery section:
<script type= "Text/javascript" >
function Adjustifht () {
var ht = $ (window). Height (); //Get the overall height of the browser window;
var Topheader = $ (". Warp_header"). Height (); //Get head height, define a variable named Topheader
$ (". Sidebar"). Height (HT);
$ ("#rightFrame"). Height (HT);
$ (". Sidebar"). Height (ht-topheader); //Calculate left Height: window height-head height
$ ("#rightFrame"). Height (ht-topheader); //Calculate Right Height: window height-head height
}
</script>
Style section:
<style type= "Text/css" >
Html{overflow:hidden;} //Hide the scroll bar of the entire page;
</style>
Remove 2 scroll bars with an IFRAME page [go]
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
