在手機端的頁面設計中，經常會出現某個元素超出了屏幕的情況。為了讓用戶可以更好的瀏覽網頁，我們可以使用CSS來實現手機端的滑動效果。

...
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
...

上述代碼塊中，overflow-x設置為scroll表示可以在X方向上滑動，overflow-y設置為hidden表示不可以在Y方向上滑動。-webkit-overflow-scrolling設置為touch表示使用滾動操作時使用移動設備的原生滑動效果。

除了以上的代碼，我們還可以通過下面的代碼來控制滑動的部分的樣式：

...
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
...

上述代碼塊中，white-space設置為nowrap表示禁止換行，-ms-overflow-style設置為-ms-autohiding-scrollbar表示滑動條在鼠標離開區域后自動隱藏。

總之，通過CSS的屬性設置，我們可以實現手機端頁面的滑動效果，增強用戶體驗。