Javascript 如何在内容可滚动时隐藏滚动条?

Javascript 如何在内容可滚动时隐藏滚动条?,javascript,jquery,html,css,iframe,Javascript,Jquery,Html,Css,Iframe,有一个iframe,其中的内容是可滚动的,但是,由于iframe在主体内部,并且有两个垂直的滑动条,所以我想隐藏iframe <iframe id="pillar_frame" src="/hongkong/pick_a_class/main" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe> 由于没有滚动条,我想: 可以通过鼠标滚轮滚动 可以在手机/平板电脑上滚动 如何在使

有一个iframe,其中的内容是可滚动的,但是,由于iframe在主体内部,并且有两个垂直的滑动条,所以我想隐藏iframe

<iframe id="pillar_frame" src="/hongkong/pick_a_class/main" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe> 

由于没有滚动条,我想:

  • 可以通过鼠标滚轮滚动
  • 可以在手机/平板电脑上滚动

  • 如何在使用JS/Jquery维护滚动功能的同时隐藏条?非常感谢

    这是同一个问题的答案

    .foo{
    宽度:200px;
    高度:200px;
    溢出y:隐藏;
    }

    这是同一个问题的答案

    .foo{
    宽度:200px;
    高度:200px;
    溢出y:隐藏;
    }
    
    
    。唯一的区别是使用iframe而不是整个窗口。:-)备注:滚动条只是iFrame的一个可选项。请参阅:的可能重复项。唯一的区别是使用iframe而不是整个窗口。:-)PS:Scrollbars只是iframe的一个可选内容。请参见:可能重复测试,添加scrolling=“no”无缝=“无缝”,并且滚动条仍然存在,之后,我添加了溢出:隐藏在iframe内容内的html删除了滚动条,但没有scrollabletested,添加scrolling=“no”无缝=“无缝”而且滚动条仍然存在,在那之后,我添加了溢出:隐藏在html内部的iframe内容删除了滚动条,但不可滚动