在Web開發中，頁面局部滾動是一個重要的功能點。通過CSS實現局部滾動是很常見的方式。下面介紹幾種實現局部滾動的方式。

使用overflow

div.scroll {
height: 100px;
overflow: auto;
}

使用overflow:auto的方式可以實現區域內內容溢出時出現滾動條的效果。

使用-webkit-overflow-scrolling

div.scroll {
height: 100px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}

-webkit-overflow-scrolling可以實現蘋果設備上的流暢滑動效果。

使用position和overflow

div.wrapper {
position: relative;
height: 100px;
overflow: hidden;
}
div.scroll {
height: 100%;
overflow: auto;
position: absolute;
left: 0;
top: 0;
}

使用絕對定位和overflow的方式可以實現類似于彈出層的效果。

通過以上三種方式，我們可以實現不同的局部滾動效果，根據需求選擇最適合的方式。