在前端開發中，我們常常需要操作 DOM 元素的樣式。其中，body 元素是最常見的一種。在使用 jQuery 操作 body 元素時，我們需要關注幾個方面。

首先，我們需要找到 body 元素。在 jQuery 中，我們可以使用以下代碼來選中 body 元素：

$("body")

接下來，我們可以針對 body 元素的位置進行操作。比如，我們可以將 body 元素相對瀏覽器窗口垂直居中，在 CSS 中為 body 元素添加以下代碼：

body {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

但是，如果直接在 JavaScript 中使用以下代碼，則會出現無法滾動頁面的情況：

$("body").css({
position: "absolute",
top: "50%",
transform: "translateY(-50%)"
});

這是因為在 jQuery 中，如果將 body 元素的 position 設置為 fixed 或 absolute，即使 body 元素的 height 高于瀏覽器窗口的高度，頁面也不會自動滾動。為了避免這個問題，我們需要為 html 元素也添加相同的樣式：

html {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
}
body {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

這樣，在 JavaScript 中操作時就不會出現無法滾動頁面的情況了。