在網頁制作中，有時我們希望將一篇文章鎖定在頁面中間，不隨著頁面的滾動而移動。這種效果可以通過CSS來實現。

首先，需要使用CSS設置文章的位置為絕對定位（absolute）。具體來說，我們可以設置文章所處的容器為相對定位（relative），然后通過設置上下左右的位置值，將文章鎖定在容器的中間。

.container {
position: relative;
height: 500px;
}
.article {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，容器的高度被設置為500px，而文章的位置被設置為相對于容器的中心點（50%）。

需要注意的是，如果文章的內容超出了容器的大小，那么文章會被截斷。為了使文章可以自動適應容器的大小，我們可以設置文章的寬度為100%。

.article {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}

最后，為了讓文章的內容可以滾動，我們可以將容器的overflow屬性設置為auto。

.container {
position: relative;
height: 500px;
overflow: auto;
}

通過上述的CSS代碼，我們可以將一篇文章鎖定在頁面中間，并且可以自動適應容器的大小和支持滾動。