使用框架集的时候如何能不知让它出现纵向的滚动条，而不出现横向的滚动条

dylzwb 2009-12-21 07:38:59

如题！

...全文

72 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

dylzwb 2009-12-22

打赏
举报

回复

可以用，结贴了~

myrroom 2009-12-21

打赏
举报

回复

用JavaScript脚本控制框架集的宽度
这只是一个小例子,自己扩充吧



<body onload="onload();">

//main为框架集的id

    <script type="text/javascript">

        function onload() {

            var width = document.body.clientWidth - 200;

            document.getElementById("main").style.width = width > 0 ? width : 0;       }

        window.onresize= onload;

</body>

dylzwb 2009-12-21

打赏
举报

回复

呵呵，题目说错了，是：使用框架集的时候如何能只让它出现纵向的滚动条，而不出现横向的滚动条

myrroom 2009-12-21

打赏
举报

回复

哥们我迷茫了

mngzilin 2009-12-21

打赏
举报

回复

似乎不能

在WEB实际开发过程中，特别是在iframe引用其它网页时，可能大家遇到过这样的问题，当您的页面在框架中的时候，即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%)，但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。一般情况下，网页都有这个语句，如果网页显示不需要这个语名的，删掉上面的语句，横向滚动条就会没了,此效果在IE浏览器下测试成功，FF浏览器下失败。在我们...

浏览器元素高度超出视口高度时，出现横向滚动条，并在宽度上多出一段距离原因是：出现的纵向滚动条也会占据浏览器视口的宽度，多出的那一段宽度就是纵向滚动条的宽度例如下图我这里导致的原因：CSS初始化文件中写死了宽度，导致当出现纵向滚动条时，原来在纵向滚动条出现的位置的像素被遮盖 ...

element-UI el-tree横向滚动条，el-tree 横向滚动条，elementui树组件Tree横向滚动条不出来，vue项目中el-tree ：横向和纵向滚动条设置，添加横向滚动条，elementUI - tree横向滚动问题，vue项目中el-tree 支持横向和纵向滚动条设置，element 树组件 tree 横向纵向滚动条，element-ui中使用el-tree横向滚动条不显示，不产生横向滚动条，css设置无效，滚动条不出来怎么办，解决Element-ui-Tree组件无法出现横向滚动条

实现仅去除纵向滚动条效果项目开发中，有这样一个需求：实现表格内容自动滚动，去掉纵向滚动条。代码如下所示： ::v-deep ::-webkit-scrollbar { width: 0; height: 0; } 这种写法确实实现了去掉了纵向滚动条的效果，不过对于我的项目来说，却存在一些问题：因为我的表格的表头是可以动态控制的，所以当默认展示的时候，表格横向宽度足够，不存在滚动条的现象；但当表头全部展示的时候，右侧部分内容展示不出来。因为上面的css代码是将横向以及纵向的滚动条全部给去除了，

今天遇到个很有意思的问题，就是一个弹窗是个列表，我给了纵向超出滚动，然后里边的元素也是有列表，需要超出横向滚动，结果就导致纵向滚动的时候，总会触发子元素里边的横向滚动，所以它俩冲突了。经过反复观察，我找到了问题所在，是因为子元素设置overflow的问题，就是父元素和子元素只设置一个方向的滚动是不行的,还需要设置hidden .parent { overflow-y: scroll; overflow-x: hidden; } .children { overflow-x: scrol

62,254

社区成员

668,981

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章