javascript - 当 document.documentElement.style.overflow="hidden"; 时，chrome 中的滚动条不会消失

Question

我想在 Chrome 中隐藏滚动条并执行

document.documentElement.style.overflow="hidden";

但是如果垂直滚动条没有顶部位置并且水平滚动条没有离开位置它们不会消失。这是我的示例http://jsfiddle.net/z6cwP/6/。

Answer 1

使用这个它也可以在 chrome 和 Mozilla 中使用

function hideScrollbars(){
    //window.scrollTo(30, 30);
    document.documentElement.style.overflow="hidden";
}

Answer 2

好的，这是您的答案：只需保存旧的滚动状态，将滚动位置设置为零，隐藏滚动条并返回到旧位置；）

function hideScrollbars(){
    var x,y;
    x = window.scrollX;
    y = window.scrollY;
    window.scrollTo(0, 0);  
    document.documentElement.style.overflow="hidden";
    window.scrollTo(x, y);  
}

window.onload = function(){
    window.scrollTo(30, 30);  
}

jsfiddle：http: //jsfiddle.net/z6cwP/7/

请。有用时别忘了接受:)