在HTML中，我們可以使用一些代碼來實現(xiàn)網(wǎng)頁上下滾動的效果。下面介紹幾種常用的方法。
<html>
<head>
<title>上下滾動</title>
<style>
#container {
height: 300px; /* 容器高度 */
overflow-y: auto; /* 垂直滾動條自動出現(xiàn) */
}
</style>
</head>
<body>
<div id="container">
<p> 第一行 </p>
<p> 第二行 </p>
<p> 第三行 </p>
<p> 第四行 </p>
<p> 第五行 </p>
<p> 第六行 </p>
</div>
</body>
</html>方法一：使用overflow-y屬性，將一個div容器的高度設置小于其中內(nèi)容元素的實際高度，這樣內(nèi)容高度超過容器高度時，就會自動生成垂直滾動條。通過該滾動條，用戶可以在容器的可視區(qū)域內(nèi)滑動查看所有的內(nèi)容。該方法適用于大部分情況，特別是在移動設備上頁面時，可以保證用戶體驗良好。
<html> <head> <title>上下滾動</title> </head> <body> <marquee> 你要滾動的內(nèi)容 </marquee> </body> </html>
方法二：使用marquee標簽，在標簽內(nèi)部輸入要滾動的內(nèi)容即可。該標簽還支持一些其他屬性，如滾動速度、方向等，可以根據(jù)實際需求自定義設置。但是請注意，該標簽已經(jīng)被HTML5廢棄，不推薦使用。