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

Question

有一个iframe，其中的内容是可滚动的，但是，因为iframe在body体内，并且有两个垂直滑动条，我想隐藏iframe。

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

由于没有滚动条，我想：

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

如何在使用JS / Jquery东西维护滚动功能的同时隐藏栏？非常感谢

Answer 1

这是同一问题的答案。

＆＃13;

＆＃13;

.foo {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}

＆＃13;

<iframe src="http://www.google.com" 
        class="foo"
        id="pillar_frame"
        scrolling="no" 
        seamless="seamless">
</iframe>

＆＃13;

＆＃13;

＆＃13;