CSS是前端開發(fā)中非常重要的一部分，它負責網(wǎng)頁的外觀和樣式。其中有一種CSS效果是只能通過鼠標滑輪滾動，這個特殊的效果可以讓網(wǎng)站更加互動和易用。

滾輪偵聽事件： 
window.addEventListener('scroll', () =>{
const container = document.querySelector('.container')// 獲取容器元素
container.style.transform = `translateY(-${window.scrollY}px)` //設(shè)置元素滾動
})

首先，我們需要通過addEventListener()監(jiān)聽滾輪事件。然后，我們可以通過querySelector()方法獲取到我們需要讓它在滾輪滾動下移動的元素。在這個例子中，我們將選擇一個類為“container”的元素。最后，在滾輪滾動時，我們將元素向上移動一個單位。

但是，如果我們不想使用JavaScript來實現(xiàn)這種效果，我們可以使用CSS的內(nèi)置屬性實現(xiàn)滾輪效果。

容器樣式：
.container {
overflow-y: scroll; //設(shè)置縱向滾動條
height: 100vh; //設(shè)置滾動容器的高度
scroll-snap-type: y mandatory;//元素在滾動結(jié)束后將停止在整個容器頂部
}

我們可以使用overflow-y:scroll來設(shè)置縱向滾動條，然后設(shè)置一個容器的高度來確保滾動條能夠正常運作。還有一個scroll-snap-type屬性，則可以確保元素在滾動結(jié)束后會停止在整個容器頂部。

在這里需要注意的是，為了確保在不同的瀏覽器中這種效果可以使用，我們需要還需要添加一些前綴，這樣我們才能確信這種效果在整個瀏覽器上都可以良好運行。

所以，一個非常簡單的實現(xiàn)只能通過鼠標滑輪滾動的效果的方法就是，使用CSS的內(nèi)置屬性來創(chuàng)建一個可以滾動的容器，然后使用JavaScript來設(shè)置該容器的位置。