表單設(shè)置框架滾動條scrolling

2012/11/22 22:33:50作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

—個框架中的頁面內(nèi)容常常會超出整個框架的尺寸范圍。在默認情況下，瀏覽器會在右側(cè)或者下方顯示滾動條，以便瀏覽者拖動查看全部內(nèi)容。但有時希望不顯示滾動條，可以通過scrolling屬性自由控制滾動條的顯示。

【基本語法】

【語法介紹】

scrolling取值包括yes、no或auto。其中，yes表示滾動條一直顯示，no則表示無論什么情況都不顯示滾動條，auto是系統(tǒng)的默認值，它是根據(jù)具體內(nèi)容來調(diào)整的，當(dāng)頁面長度超出瀏覽器窗口的范圍時就會自動顯示滾動條。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設(shè)置框架滾動條</title>
</head>
<frameset rows="123,*" cols="*" frameborder="yes" border="1" framespacing="1">
  <frame src="top.html" name="topFrame" scrolling="yes" 
noresize marginwidth="200" marginheight="100" />
  <frameset rows="*" cols="265,*" framespacing="1" 
frameborder="yes" border="1">
    <frame src="left.html" name="leftFrame" 
scrolling="yes" noresize marginwidth="20"marginheight="100"/>
    <frame src="right.html" name="rightFrame" scrolling="no" noresize/>
  </frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>

【代碼分析】

在代碼中，加粗部分的scrolling="Yes"、 scrolling="yes"和scrolling="no"標記分別將頭部框架和芬釉架設(shè)置為顯左部框架設(shè)置為顯示滾動條，右部框架設(shè)置為不顯示滾動條，在瀏覽器中預(yù)覽，效果如圖所示。

設(shè)置框架滾動條scrolling運行效果
【素材及源碼下載】