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。,是因为这行代码启用了硬件加速特性,所以滑动很流畅。这个方法的确可以解决以后系统的滑动卡顿问题。