html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案

在WEB实际开发过程中，特别是在iframe引用其它网页时，可能大家遇到过这样的问题，当您的页面在框架中的时候，即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%)，但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。

一般情况下，网页都有这个语句，如果网页显示不需要这个语名的，删掉上面的语句，横向滚动条就会没了,此效果在IE浏览器下测试成功，FF浏览器下失败。

在我们需要上面的语句时，我知道的就有五种方法：

1、设置iframe的属性 scrolling="no"。(此方法把横向滚动条和纵向滚动条都隐藏了，不推荐)

2、在被包含页的body标签加 scroll="no"。(和上面一样，都是隐藏横向滚动条和纵向滚动条)

3、被包含页body应用overflow:hidden。当我们需要隐藏横向滚动条时，改成overflow-x:hidden,如：

；需要隐藏纵向滚动条时，改成overflow-y:hidden,如：

4、设置iframe的属性 scrolling="yes"。(设成yes时，IE则会一直出竖直滚动条，而不随便出水平条，推荐)

如果上面的都没有解决问题，那在第五种方法下加上：word-break:break-all；如：

隐藏横向滚动条

隐藏纵向滚动条

html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案相关推荐

横向滚动条并且隐藏竖向滚动条
怎么用CSS给html加横向滚动条并且隐藏竖向滚动条解决方法:隐藏竖向滚动条在子页面的<html>标签里加入以下格式:<html style="overflow: au ...
html div 隐藏滚动条样式,div滚动条样式隐藏与显示
DIV滚动条样式是可以设置的,CSS滚动条同样也可以显示与隐藏,对div设置滚动条,设置其横向滚动条和纵向滚动条样式应该怎么做呢? 要设置CSS滚动条样式,需要用到overflow-y和overflo ...
html自动移动滚动条,css隐藏移动端滚动条并平滑滚动
HTML代码如下移动端隐藏滚动条解决方案 *{ padding:0; margin:0; } .par-type{ height:50px; -webkit-box-sizing:border-bo ...
隐藏多行文本框的滚动条
<textarea style="overflow:hidden"></textarea> 会隐藏多行文本框的滚动条,但文字加多少,滚动条也不会出现. 只有 ...
浏览器滚动条的隐藏和显示
兼容谷歌和火狐,Edge 本人的理解: 滚动条的隐藏和消失: 1.首先用个状态来保存是否开始滚动的状态,初始化状态为true 2.当滚轮滚动的时候,把是否滚动状态置为false,添加一个定时器setT ...
解决IE浏览器滚动条被隐藏问题
解决IE浏览器滚动条被隐藏问题(css) -ms-overflow-style: scrollbar;
CSS 修改滚动条样式隐藏浏览器滚动条
/* 滚动条整体部分 */ div::-webkit-scrollbar {} /* 滚动条里面的滑块 */ div::-webkit-scrollbar-thumb {}/* 滚动条的轨道的两端按钮 ...
怎麽把＂滚动条＂隐藏？
问题釐清什麽是＂滚动条＂? 滚动条指的是下图右侧被红线框起来的部分: 只要网页内容大于视窗,滚动条就会出现. 一般来说,只要不是body层次的滚动条,那用overflow: hidden;就能解决滚 ...

html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案

html纵向滚动条隐藏,隐藏横向滚动条或纵向滚动条的解决方案相关推荐

最新文章

热门文章