JS代碼實(shí)現(xiàn)不允許窗口出現(xiàn)滾動(dòng)條

2012/11/3 12:21:48作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

為了保持窗口的大小，使主要內(nèi)容在窗口打開(kāi)時(shí)能顯示在當(dāng)前界面，通常會(huì)去掉窗的水平和垂直滾動(dòng)條。本例學(xué)習(xí)如何屏蔽窗口的滾動(dòng)條。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（yzddtk.cn）</title>
</head>
<body style="overflow-x:hidden;overflow-y:hidden">
<input type=text name="txt1" value="this is test!">
<input type=button value="轉(zhuǎn)換文本""><br />
把頁(yè)面拉伸到最小，看是否能夠出現(xiàn)滾動(dòng)條<br />
<?xml version="1.0" encoding="utf-8" ?>
<table border="1">
 <tbody>
  <tr>
   <th>gdghfhgf</th>
   <th>dghfh</th>
   <th>dgh</th>
  </tr>
  <tr>
   <th>fghgf</th>
   <th>dfghf</th>
   <th>dghf</th>
  </tr>
  <tr>
   <th>gfhgf</th>
   <th>ghfhgfh</th>
   <th>27</th>
  </tr>
 </tbody>
</table>
</body>
</html>

【運(yùn)行效果】

不允許窗口出現(xiàn)滾動(dòng)條運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是body的“style”屬性：“style”屬性可以用來(lái)為窗體設(shè)置一些特殊屬性，如背景色、文本大小等?！皁verflow-X”和“overflow—Y”是樣式中用來(lái)設(shè)置水平和垂直滾動(dòng)條的屬性，當(dāng)設(shè)置這兩個(gè)屬性的值為“hidden”時(shí)，窗體中再也不會(huì)出現(xiàn)滾動(dòng)條。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：不允許窗口出現(xiàn)滾動(dòng)條進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS代碼窗口滾動(dòng)條