Tag : qian-duan
Tag : qian-duan
1.发生环境 ie7-
当overflow:auto时,高度或者宽度其中一项设定为100%,另一项实际数值超过了设定数值时
理想效果:超出设定数值的一侧出现滚动条
实际效果:设定100%的一侧也出现的滚动条
处理:去除100%设定
2.发生环境 ie7-
当overflow:auto时,宽高都设定了max值,当一边超出了max值时
理想效果:超出max值的一边出现滚动条
实际效果:没超出max值的另一边也出现滚动条
处理:去除max属性
3.发生环境 ie7-
当button设定了padding
理想效果:正常显示
实际效果:文字越多padding值留白越大
处理:添加overflow:visible属性
4.发生环境 chrome
js获取屏幕当前滚动高度
chrome方法:document.body.scrollTop
其他浏览器方法:document.documentElement.scrollTop
处理:var top = document.body.scrollTop || document.documentElement.scrollTop
5.发生环境 除chrome外
当容器设定了padding并且overflow设定出现滚动条时
理想效果:padding正常显示
实际效果:padding显示不正常
处理:去除padding值
6.发生环境 ie7-
当容器设定了display:inline-block
理想效果:包裹内部block
实际效果:不包裹
处理:去除inline-block
7.发生环境 ie7-
当容器设定了display:block;然后设定了position: absolute;
理想效果:元素垂直显示在原始位置
实际效果:元素响应了display:inline-block
处理:在该元素外添加一层
8.发生环境 ie6
当容器设定了position: absolute;然后设定top,left,bottom,right
理想效果:元素拉伸
实际效果:元素没拉伸
处理:用width,height来设定具体拉伸范围
9.发生环境 ie7-
当容器设定了position: absolute;然后设定top,left,bottom,right,width=%,margin:auto;
理想效果:元素居中显示
实际效果:元素没居中
处理:width设定具体数值,不用%
10.发生环境 ie7-
当容器设定了清除浮动
理想效果:浮动效果清除
实际效果:浮动效果存在
处理:
/*添加在浮动子元素的父级上*/ .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1;} /*或者*/ .clearfix:after{content:"";display:table;clear:both;} .clearfix{*zoom:1;} |
10.发生环境 ie8-
当容器设定了min-width 或者 min-height
理想效果:自动撑大
实际效果:撑大失败
处理:添加_width或者_height
持续添加中~
Categories: 前端开发
该插件是在jQuery的基础上实现的,具体介绍如下:
主要功能实现如下:
1.实现水平,垂直滑动 支持选择方向滑动,通过配置vertical,horizontal来设定,默认vertical
2.实现居中效果 通过配置center来设定
3.实现焦点效果 通过配置page来设定
4.实现惯性效果 通过配置inertia来设定惯性效果,单位ms
5.实现滚动效果 通过配置duration来设定持续时间,单位ms
6.实现js/html5切换 通过配置animate来设定,默认自动选择
7.实现页面拖拽和移动端触摸滑动 通过配置move来设定,默认true
8.实现点击元素滚动 通过配置clickIndex来设定,默认false
提供接口如下:
1.resize(width,height) 重置高和宽,当页面大小变更后,可通过该接口重新设定高和宽
2.setIndex(index) 主动设定滚动至元素,index为元素的index,可通过jQuery的$(select).index()调用得到
监听如下:
1.返回当前选中元素 通过配置selected方法调用
Categories: javaScript, 前端开发