如何通过JavaScript实现点击按钮后将HTML Body设为fixed定位？

你当前的代码是给unscroll容器设置fixed定位，但你的需求是给HTML的body设置，只需要修改目标元素即可：

修改后的代码 #

HTML部分：

<button class="add" id="mybutton" onclick="myFunction()">View</button>

JavaScript部分：

function myFunction() {
    document.body.style.position = "fixed";
    // 可选：避免设置fixed后页面跳回顶部，加上这行固定当前滚动位置
    document.body.style.top = `-${window.scrollY}px`;
}

说明 #

• 直接通过document.body就能获取到页面的body元素，替换原本的document.getElementById("unscroll")就能实现你要的效果。
• 额外添加的top样式是优化细节，防止设置fixed定位后页面自动滚动到顶部，提升操作体验。

内容的提问来源于stack exchange，提问作者Joy