在开发中，我们经常会遇到去掉所有滚动条，去掉右滚动条保留底滚动条，去掉底滚动条保留右滚动条。基于js是怎么实现的？边肖将通过这篇文章给你详细介绍。和对js iframe滚动条知识感兴趣的朋友一起学习吧。

在开发中，我们经常会遇到去掉所有滚动条，去掉右滚动条保留底滚动条，去掉底滚动条保留右滚动条。基于js是怎么实现的？在这里，我们将介绍JavaScript中移除和保留iframe滚动条的实现方法。让我们来看看！

iframe嵌入页面后，我们有时需要调整滚动条，比如去掉所有滚动条，去掉右滚动条保留底滚动条，去掉底滚动条保留右滚动条。那么我们该怎么办呢？

一：去掉全部的滚动条

第一种方法：iframe的滚动属性有三个值：auto、yes和no。

滚动：自动-滚动条在需要时出现。

滚动：是-总是显示滚动条。

滚动：否-总是隐藏滚动条。

当设置为“否”时，所有滚动条都消失。

第二种方法：我发现除了滚动可以移除所有滚动条之外，还有一种方法，就是在嵌入页面中设置body {overflow: hidden}，这样滚动条也可以被移除，而这也是我们只想移除某个滚动条时使用的属性。

二：去掉右边的滚动条且保留底下的滚动条

如果只想保留底部滚动条，可以设置body { overflow-x:auto；溢出-y:隐藏；}

三：去掉底下的滚动条且保留右边的滚动条

在嵌入页面中设置正文{ overflow-x:hidden；溢出-y:自动；}

我们已经知道这两个属性都可以设置滚动条的显示和隐藏，那么同时设置这两个属性会出现什么效果呢？

通过检测，我发现当scrolling=' auto '或者' yes '时，如果设置了body，那么就会使用body中的设置；当scrolling=' no '时，无论body的设置如何，都将使用scrolling的设置，即所有滚动条都将被移除。

以上就是边肖介绍的JavaScript中iframe滚动条的去除和保留。希望对你有帮助。如果您有任何问题，请给我留言，边肖将及时回复您！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。