以下是一篇關于HTML左右點擊滾動代碼的文章：

HTML中可以通過添加左右點擊滾動代碼，讓用戶在頁面上快速滾動左右兩側內容。下面是實現這一功能的代碼：

.scroll-container {
overflow-x: scroll;
white-space: nowrap;
}
.scroll-container::-webkit-scrollbar {
height: 10px;
}
.scroll-container::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 5px;
}
.scroll-container::-webkit-scrollbar-track {
background: transparent;
}

使用上述代碼，創建一個具有水平滾動條的容器，然后在這個容器中添加需要滾動的內容。這個容器叫做.scroll-container，它包含以下三個屬性：

• overflow-x: scroll;
• white-space: nowrap;
• ::-webkit-scrollbar

首先，overflow-x: scroll;屬性將允許容器的內容超出容器的可見寬度。這樣，當內容超出容器時，用戶將能夠滾動容器的內容。

white-space: nowrap;屬性將防止容器中任何元素折行。這意味著所有元素將在容器中放置，直到容器的空間不足為止。

::-webkit-scrollbar屬性允許我們更改滾動條的外觀和感覺。在上面的代碼中，我們定義了三個子屬性:

• ::-webkit-scrollbar-thumb - 定義滾動條的滑塊
• ::-webkit-scrollbar-track - 定義滾動條的背景
• ::-webkit-scrollbar - 定義整個滾動條的樣式

在這個例子中，滑塊是灰色的，具有圓角半徑為5px。軌道是透明的，這意味著容器的背景將填充滾動條軌道。

為了使滾動條實際工作，你還需要將你的HTML代碼包含在.scroll-container容器中。

這就是HTML左右點擊滾動代碼的實現方法。在這里，我們演示了如何創建包含滾動條的容器，并設置滾動條的樣式。