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

时间:2013-05-08 05:39:18

标签: javascript google-chrome scroll scrollbar hide

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

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

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

2 个答案:

答案 0 :(得分:1)

使用它也适用于chrome和mozilla

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

答案 1 :(得分: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/

请。不要忘记在有用时接受:)