一、理论:
1.overflow-x/overflow-y
a.visible 默认值,不添加滚动条
b.auto 添加滚动条
c.hidden 内容溢出容器时,所有内容都将隐藏,不显示滚动条
d.scroll 不论有无溢出,都显示滚动条
e.no-display 当内容溢出容器时不显示元素
f.no-content 当内容溢出容器时不显示内容
2.resize
a.none 用...
分类:
Web程序 时间:
2016-03-19 01:03:47
阅读次数:
211
resize 用户可调整div大小 IE不支持 注意:如果属性生效,必须设置元素的overflow属性,值可以auto hidden scroll 例子:
分类:
Web程序 时间:
2016-03-17 12:43:33
阅读次数:
241
CSS基本属性: 文本 a) scroll 背景图片随着页面的其余部分滚动 b) no 背景图固定 c) fixed a) top 上 b) right 右 c) bottom 下 d) left 左 a) 高度 百分比(如果只设置一个值,第二个被默认为auto) b) 百分比 以父元素的百分比来设
分类:
Web程序 时间:
2016-03-17 00:36:48
阅读次数:
179
上面的截图 ,是手机端的一个滑动刷新效果.用的是scroll.js插件. 每项中又有一个滑动,是左右滑动的用swiper.js插件,查看每个班级的信息. 当手从swiper上开始滑动的时候,整个scroll就显得很不灵敏.各种调试,各种alert终于把问题定位在swiper.js的touchend上
分类:
Web程序 时间:
2016-03-16 16:54:53
阅读次数:
915
写了一个继承scrollview的类,并在里面实现了touch事件,但是如果要相应touch事件,必须要先让手指在scrollview上停留一会,否则,手指一滑动,直接进scroll的事件了,根本不会触发touch事件。 下面是我在scrollview里面重写的touch事件,那几个NSLog如
分类:
其他好文 时间:
2016-03-15 12:12:44
阅读次数:
171
回到顶部 回究竟部 回到顶部的俩种方式 $('html, body').animate({ scrollTop: 0 }, 'fast');//带动画 $('html,body').scrollTop(0); //不带动画 $(window).scroll(function
分类:
Web程序 时间:
2016-03-15 08:39:27
阅读次数:
214
实现拉到底部自动加载内容: $("#picture11").scroll(function() { var $this = $(this), viewH = $(this).height(), //可见高度(当前div的可视高度) contentH = $(this).get(0
分类:
Web程序 时间:
2016-03-13 19:32:16
阅读次数:
134
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello,World!</title> </head> <body> <script type="text/javascript"> function scroll() {
分类:
Web程序 时间:
2016-03-11 14:06:52
阅读次数:
113
HTML代码 在使用IFRAME或者其他HTML元素时,你需要使用一个元素(如DIV)来包装他们: <div class="scroll-wrapper"> <iframe src=""></iframe> </div> 这个DIV将作为支持内部滚动的基础容器。 CSS 代码 要让IFRAME支持滚
分类:
移动开发 时间:
2016-03-10 10:35:59
阅读次数:
163
手势 看到这个标题,很多人会想一想 “双指点击” 的操作是什么样的,首先解释一下吧,为了能清晰明了一点,请看下面的图: 左上角的Tap代表点击操作,也就是我们说的 “单指单击”;右上角是Double Tap顾名思义,使用一个手指完成 “双击” 的动作;左下角的Scroll代表的是用一个手指完成 “滑
分类:
移动开发 时间:
2016-03-09 17:40:07
阅读次数:
393