HTML5自動向上滾動是網頁設計中非常常見的功能。它可以讓頁面文本自動滾動并不斷更新，讓用戶不需要手動滾動頁面即可獲得最新信息。自動向上滾動還可以應用于新聞快報、廣告推廣等功能。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5自動向上滾動代碼</title>
<style type="text/css">
#scrollDiv{
width: 200px;
height: 120px;
border: 1px solid #ccc;
overflow: hidden;
position: relative;
}
#scrollDiv ul{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
animation: scrollUp 10s infinite;
-webkit-animation: scrollUp 10s infinite;
}
@keyframes scrollUp{
from{transform: translateY(0);}
to{transform: translateY(-100%);}
}
@-webkit-keyframes scrollUp{
from{-webkit-transform: translateY(0);}
to{-webkit-transform: translateY(-100%);}
}
</style>
</head>
<body>
<div id="scrollDiv">
<ul>
<li>內容1</li>
<li>內容2</li>
<li>內容3</li>
<li>內容4</li>
<li>內容5</li>
<li>內容6</li>
<li>內容7</li>
<li>內容8</li>
<li>內容9</li>
<li>內容10</li>
</ul>
</div>
</body>
</html>以上是一個簡單的HTML5自動向上滾動的代碼。首先，我們需要一個外層的div容器，定義其寬度、高度、邊框樣式以及溢出隱藏。接著，我們需要一個內層的ul列表，用于存放滾動內容。通過設置內層ul的位置為絕對定位，并使用動畫和無限循環實現自動向上滾動的效果。
通過修改CSS樣式和添加內容，我們可以實現自定義的自動向上滾動效果，為網站添加更加豐富的交互體驗。