600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > overflow y属性 view组件作用 – CSS – 前端 css网页只显示一屏

overflow y属性 view组件作用 – CSS – 前端 css网页只显示一屏

时间:2022-05-21 05:48:59

相关推荐

overflow y属性 view组件作用 – CSS – 前端 css网页只显示一屏

但是这种方式只是从样式上实现了滚动,如果需要在滚动到顶部或底部时触发事件,就需要手动编写代码来实现了。而scroll-view组件提供了一些属性来满足这些需求。

@ ie6下如何去除html的横向滚动条?

当大家在css样式设置为html {overflow-y:auto;}时,在ie7以上版本应用时不会有问题,可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现。究其原因是在ie6下,当内容过多出现垂直滚动条时,此时页面的宽度为其本来宽度加上滚动条的宽度,导致页面宽度超过100%,而出现横向滚动条,在ie7+浏览器中,会自动的识别滚动条,页面宽度为内容的宽度加上滚动条的宽度等于100%,而不会出现滚动条,这相当于是ie的滚动条bug(纯属个人见解,不对的地方还请指出,共同学习交流)。

解决上述出现的问题有以下几个方案

方案一:添加html{overflow-y:hidden;}样式

这种方案仅仅是把出现的横向滚动条隐藏了,并没有解决根本问题,而且还会出现不想要的效果(横向多余的内容会被隐藏掉),这是一种不好的解决方法。

方案二:添加html{overflow-y:scroll;}

添加这个样式,当页面内容超过页面高度时,会正常的显示垂直滚动条,而且不会出现横向滚动条,看起来是大家要的效果;可是页面内容不足以出现垂直滚动条的时候,大家会发现页面的右边会出现一条置灰样式的滚动条位置,这个看起来并不美观,不是大家想要的效果。不过最起码已经开始接近大家想要的效果了,比起第一种解决方案,他的效果还是好的。

方案三:通过jQuery实现

单纯的css样式已经不能满足大家的需要,通过第二个方案大家可以想到一种比较好的解决方法,大家可以判断当页面高度需要垂直滚动条时,把页面样式设置为overflow-y:scroll;这样是不是就会达到大家想要的效果,事实证明完全是ok的,

$(function () { //解决IE6下 页面出现横向滚动条 if ($.browser.msie && $.browser.version == “6.0” && $(“html”)[0].scrollHeight > $(“html”).height()) $(“html”).css(“overflowY”, “scroll”);})

以上就是对页面出现横向滚动条的解决方法,只是针对偶目前遇到的情况,方法肯定还有很多,以后有时间再慢慢补充,,,

(有人说谷歌浏览器有相对应的解决方法,时间有限,没去研究,在此标记下)

转自:博客园《IE6下出现横向滚动条问题的解决方案》–鱼爱水

@ 20如何让编辑模式下的div既不会内容外溢?

css里面有个属性就是让容器内的文字自动换行的!但是在IE下或者其他浏览器中,不能直接识别,所以你要配合overflow 属性一起使用才能达到效果。你可以试试在你的div的style里面加入:word-wrap:break-word; overflow:hidden;

@ teradata怎么查看表大小?

1,使用传统的方法

<table width="400">

<tr>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

<td width="100"></td>

</tr>

<table>

2,使用css

<style>

.td{width:100px;}

</style>

<table width="400">

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<table>

以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度

3,用css

<style>

.td{width:100px;overflow:hidden}

</style>

<table width="400">

<tr>

<td></td>

<td></td>

<td></td>

<td></td>

</tr>

<table>

用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。