CSS 滾動是一種常見的網(wǎng)頁布局技術(shù)，可以用來實現(xiàn)網(wǎng)頁內(nèi)容的滾動和展示。但是，在某些情況下，蘋果手機(jī)上的瀏覽器不支持 CSS 滾動，導(dǎo)致用戶無法使用該技術(shù)。本文將介紹 CSS 滾動在蘋果手機(jī)上無法滾動的原因和解決方法。
CSS 滾動的原理是通過設(shè)置容器元素的滾動軸和滾動次數(shù)來實現(xiàn)內(nèi)容滾動。通常情況下，容器元素會被包裹在一個 div 元素中，使用 CSS 實現(xiàn)滾動的方法如下：
```css
div {
width: 300px;
height: 200px;
background-color: blue;
overflow: scroll;
這個 div 元素的寬度為 300px，高度為 200px，背景顏色為藍(lán)色，并且被包裹在一個容器元素中。容器元素的寬度為 100px，高度為 100px，使用overflow: scroll；屬性，表示容器元素應(yīng)該包含內(nèi)容，并且可以滾動。
當(dāng)用戶點擊滾動條時，會觸發(fā)一個事件，例如點擊事件或者鼠標(biāo)滾動事件。根據(jù)事件類型，可以設(shè)置滾動軸和滾動次數(shù)。滾動軸的值可以是 0 到 100，表示內(nèi)容從下往上滾動；滾動次數(shù)的值可以是 0 到 100，表示內(nèi)容無限滾動。例如：
```css
div {
width: 300px;
height: 200px;
background-color: blue;
overflow: scroll;
position: relative;
div:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 75px solid blue;
div:hover:after {
bottom: 100px;
這個 div 元素的寬度為 300px，高度為 200px，背景顏色為藍(lán)色，并且被包裹在一個容器元素中。當(dāng)用戶鼠標(biāo)懸停在 div 元素上時，會觸發(fā)一個事件，可以設(shè)置滾動軸和滾動次數(shù)。滾動軸的值可以是 0 到 100，表示內(nèi)容從下往上滾動；滾動次數(shù)的值可以是 0 到 100，表示內(nèi)容無限滾動。例如：
```css
div {
width: 300px;
height: 200px;
background-color: blue;
overflow: scroll;
position: relative;
div:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 75px solid blue;
div:hover:after {
bottom: 100px;
當(dāng)用戶鼠標(biāo)懸停在 div 元素上時，會觸發(fā)一個事件，可以設(shè)置滾動軸和滾動次數(shù)。滾動軸的值可以是 0 到 100，表示內(nèi)容從下往上滾動；滾動次數(shù)的值可以是 0 到 100，表示內(nèi)容無限滾動。
綜上所述，CSS 滾動在蘋果手機(jī)上無法滾動的原因是因為蘋果手機(jī)的瀏覽器不支持滾動軸的值可以是 0 到 100。因此，當(dāng)用戶在蘋果手機(jī)上使用 CSS 滾動時，無法滾動到頁面頂部或底部。
不過，蘋果設(shè)備還有其他瀏覽器，例如谷歌瀏覽器和火狐瀏覽器，這些瀏覽器支持 CSS 滾動。用戶可以在這些瀏覽器上使用 CSS 滾動技術(shù)，實現(xiàn)網(wǎng)頁內(nèi)容的滾動和展示。