HTML 的滾動效果是指在頁面中通過滾動條或者鼠標滾輪等操作來滾動頁面內容的效果。下面是一個基本的 HTML 滾動效果代碼示例：
<html> <head> <title>HTML滾動效果代碼</title> </head> <body> <div id="content" style="height:300px;overflow-y:scroll;"> <p>這是一個滾動效果的例子。</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit aliquet enim, nec facilisis dolor ultrices non. Aliquam erat volutpat. Nam at sem et felis elementum vulputate. Nam tellus enim, eleifend quis tristique eu, malesuada quis eros. Cras eget nisi quis dolor blandit vehicula quis a sem. Sed vel ligula euismod elit iaculis molestie. Quisque ut mauris dolor. Aliquam dapibus, magna nec lobortis congue, quam mauris pellentesque mi, vel mollis eros erat a nisl. Donec euismod porta erat vitae commodo. Etiam et tempus velit. Nam efficitur luctus neque quis pretium. Suspendisse potenti.</p> <p>Vivamus vel lacus accumsan, interdum diam ut, vehicula magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque eu sapien bibendum, dictum augue at, pharetra metus. Proin mauris dolor, fringilla et leo eu, vestibulum luctus ipsum. Sed sit amet urna at odio luctus egestas vel vel velit. Suspendisse eget velit eu sapien euismod faucibus vel vitae metus. Sed lobortis mi eu quam malesuada rutrum. Sed sollicitudin, eros ac pharetra maximus, est felis elementum augue, vitae tincidunt velit velit id urna. Nullam vitae ligula ultrices, scelerisque sapien et, congue lorem. Sed euismod lectus ipsum, sit amet laoreet magna tristique sit amet.</p> </div> </body> </html>以上代碼中，我們在 HTML 的 `` 中使用了一個 `
` 元素，設置了其高度為 300 像素，并加入了 `overflow-y:scroll;` 的樣式屬性，使其垂直方向出現滾動條。`
` 中包含了幾個 `
` 元素作為示例內容。 在實際開發中，我們可以根據實際情況使用 CSS 或者 JavaScript 來實現更加豐富的滾動效果，如滾動導航、滾動動畫等等，以提高網站用戶的交互體驗。