CSS中的scroll是什么意思?

html-css011

CSS中的scroll是什么意思?,第1张

scroll

是CSS中某些属性当中的值

一般都是跟滚动挂钩的

下面是涉及scroll值的主流的两个属性

===================

第一个:background-attachment

实例用法:

body{ background-image: url(bgimage.gif) background-attachment: fixed }

所有浏览器都支持 background-attachment 属性。

作用:

background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

属性值有三个

scroll:默认值。背景图像会随着页面其余部分的滚动而移动。

fixed:当页面的其余部分滚动时,背景图像不会移动。

inherit:规定应该从父元素继承 background-attachment 属性的设置。(所有浏览器目前均不支持该属性值)

======================

第二个:overflow

实例用法:

div{ width:150pxheight:150pxoverflow:scroll}

所有主流浏览器都支持 overflow 属性。

作用:

overflow 属性规定当内容溢出元素框时发生的事情。

属性值有五个:

visible:默认值。内容不会被修剪,会呈现在元素框之外。

hidden:内容会被修剪,并且其余内容是不可见的。

scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。(配合height使用)

auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。(没有height的时候)

inherit:规定应该从父元素继承 overflow 属性的值。(所有浏览器目前均不支持该属性值)

css滑动div不流畅是因为使用了scroll属性。根据查询相关信息,div或模块使用了overflow:scroll属性,在iOS系统的手机上浏览时,则会出现明显的卡顿现象,但是在android系统的手机上则不会出现该问题。以下代码可解决这种卡顿的问题:-webkit-overflow-scrolling:touch。,是因为这行代码启用了硬件加速特性,所以滑动很流畅。这个方法的确可以解决以后系统的滑动卡顿问题。