當我們使用HTML創建一個網頁時，經常需要添加滾動特效。但是有時候，如果用戶不想滾動頁面，希望頁面停止滾動，該怎么實現呢？這就需要用到鼠標停止工作的設置。

window.onload = function() {
var body = document.getElementsByTagName('body')[0];
// 當鼠標按下時，滾動停止
body.onmousedown = function() {
stopScroll();
}
// 當鼠標釋放時，滾動繼續
body.onmouseup = function() {
continueScroll();
}
}
// 停止滾動
function stopScroll() {
document.documentElement.style.overflow = 'hidden';
document.body.style.overflow = 'hidden';
}
// 繼續滾動
function continueScroll() {
document.documentElement.style.overflow = 'auto';
document.body.style.overflow = 'auto';
}

上述代碼中，我們設置了一個onload事件，當頁面加載完畢后，獲取頁面的body元素，并添加了鼠標按下和釋放事件，用于停止和繼續滾動。其中stopScroll()函數用于停止滾動，將頁面的overflow屬性設置為"hidden"，而continueScroll()函數則是用于恢復滾動，將overflow屬性設置為"auto"。

使用上述代碼，我們就可以實現頁面滾動的鼠標停止工作功能，提高頁面的用戶體驗。