HTML5頁面設(shè)置scroll=
我們知道，在網(wǎng)頁設(shè)計(jì)中，經(jīng)常會(huì)遇到需要設(shè)置滾動(dòng)條的情況。HTML5頁面也可以通過設(shè)置scroll屬性來實(shí)現(xiàn)滾動(dòng)條的功能。
scroll屬性可以設(shè)置為yes、no或auto三種值：
1. yes：表示無論內(nèi)容是否溢出都顯示滾動(dòng)條。
2. no：表示不顯示滾動(dòng)條。
3. auto：表示只有當(dāng)內(nèi)容超出可見范圍時(shí)才出現(xiàn)滾動(dòng)條，否則不顯示。
下面是一個(gè)實(shí)例代碼：
<html>
<head>
<title>HTML5頁面設(shè)置scroll</title>
<style>
p{
width: 400px;
height: 300px;
background-color: #eee;
overflow: auto;
}
</style>
</head>
<body>
<p scroll="yes">
<p>這里是需要滾動(dòng)的內(nèi)容...</p>
</p>
</body>
</html>我們使用p標(biāo)簽來包裹需要滾動(dòng)的內(nèi)容。在style標(biāo)簽中，我們通過overflow屬性來控制內(nèi)容溢出時(shí)的處理方式。其中，overflow: auto表示只有當(dāng)內(nèi)容超出可見范圍時(shí)才出現(xiàn)滾動(dòng)條，而其它情況不顯示滾動(dòng)條。
在p標(biāo)簽中，我們通過scroll屬性來設(shè)置是否顯示滾動(dòng)條。這里我們?cè)O(shè)置為yes，表示無論內(nèi)容是否溢出都會(huì)顯示滾動(dòng)條。
通過上面的示例，我們可以掌握HTML5頁面設(shè)置scroll的方法。在實(shí)際設(shè)計(jì)中可以根據(jù)需要選擇相應(yīng)的屬性值來實(shí)現(xiàn)滾動(dòng)條的效果。