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

问题描述：

我想隐藏在Chrome滚动条和做当document.documentElement.style.overflow =“hidden”时，chrome中的滚动条不会消失;

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

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

你可以添加这个到yiur隐藏功能：'window.scrollTo（0,0）;' – mercsen 2013-05-08 05:50:48

它的工作原理，但在我的情况我不能这样做。位置应该保持不变。 – PaulG 2013-05-08 07:05:53

你可能想要'document.body.style.overflow =“hidden”;' – 2013-05-08 07:28:09

答

还好这里工作是你的anwser：只需保存旧的滚动状态，设置滚动位置设置为0，隐藏滚动条和返回旧位置;）

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/

PLS。不要忘记接受什么时候有用:)

答

使用这一个它在浏览器和Mozilla也

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

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

相关推荐