;//这里宽度任意,父元素 } .son{ width:150%
;//子元素设置宽度只要大于100%就可以了 } 这里要注意父元素不能设置overflow:hidden;属性,否则超出部分会隐藏的。
@ h5页面滑动效果?
用到的属性
主要用到jquery中的animate函数。
滑动监听(touch事件)。
对css中overflow属性的控制。
实现步骤
以四个页面为例,将这四个页面的高度都设置为100%,每一块都能充满当前屏幕。
通过clientHeight获得每个页面的实际高度。
通过调用jq中的animate函数来实现一个页面滚动的动画效果。如果不用这个函数用原生 scrollTop,可能会遇到函数无效的情况,这个时候首先要检查绑定的dom对象有没有设置高度,并且有没有设置overflow属性,可以设置为scroll或者auto等。
@ 如何解决body的overflow?
1、body加position:fixed; —-可行
2、给要滚动的元素添加一个父级,设定高度,overflow:auto;
3、html,body{height:100%;overflow:hidden}
后两种没有实验 ,不知道可行不可行。
@ div添加滚动条?
div 加滚动条的两种方法:
一、
<div overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
记住宽和高一定要设置噢,否则不成的
这样比较好的是,在宽和高不超出时,只是一条线
三、说明
直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:
<div>
</div>
如果要出现水平滚动条,则: overflow-x:auto
同理,垂直滚动条为: overflow-y:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative