禁止網頁出現滾動條 scroll iframe overflow-x

SieSteven發表於2015-03-15
網頁
一、網摘
1、完全隱藏
在<boby>里加入scroll="no"，可隱藏滾動條；
<boby scroll="no">2、在不需要時隱藏
指當瀏覽器視窗寬度或高度大於頁面的寬或高時，不顯示滾動條；反之，則顯示；
<boby scroll="auto">3、樣式表方法
在<boby>里加入style="overflow-x:hidden"，可隱藏水平滾動條；加入style="overflow-y:hidden"，可隱藏垂直滾動條。
被包含頁面里加入<style>html { overflow-x:hidden; }</style>有一段解釋是這樣說的：body{ overflow-x:hidden; }在標準 DTD 下是不可以的4、另一種方法
<style type="text/css">body {overflow-x:hidden;
二 自己的網頁
父頁面：
<div class="sub_content" style="border-left: 1px solid #c3c3c3; width: 995px">
                <iframe id="iframeRight" name="iframeRight" src="L.html" style="padding-bottom: 0px;
                    background-color: White; margin-left: 0px; width: 100%; height: 1350px;" frameborder="0"
                    marginwidth="0" marginheight="0" scrolling="auto"></iframe>
            </div>

將scrolling設定為自動
子頁面：
通過設定div寬度來控制x項的滾動條
<body style="background-color: White;" >
    <div style="height:1300px;">
        <div class="sub_main main"  style="width:100%;">
            <div class="experience"  >




            




相關文章