5
31
2015
76

[CSS3]overflow:scroll 滚动不流畅的问题

webkit内核浏览器在设置元素overflow:scroll的时候

滑动页面会不流畅

可以尝试加入以下代码解决

{
    -webkit-overflow-scrolling: touch;
}

实际上,Safari用了原生控件来实现,对于有-webkit-overflow-scrolling的网页,会创建一个UIScrollView,提供子layer给渲染模块使用。

 
Category: 未分类 | Tags:
5
31
2015
2

[html5]input框默认调用九宫格数字键盘

<input type="number" pattern="\d*">

 
安卓默认可以调出九宫格
但ios需要加上pattern="\d*"
 
 
参考网址: link1 link2
Category: 未分类 | Tags:
4
22
2015
0

[css3]背景图片容器自适应高度

通常我们在做自适应图片的时候,会设置img标签宽度100%,高度auto

<style>
img{
    width: 100%;
}
</style>

<img src=""> 

但如果遇到是标签背景图的时候标签无法做到通过背景图片自适应撑开高度

 

我们可以利用background-size : contain;和padding-bottom来实现

<style>
div{
    background: url() no-repeat;
    background-size: contain;
    width: 100%;
    height: 0;
    padding-bottom: 100%;/*这里的取值取决于图片比例*/
}
</style>

<div></div>

 

 

这个方法的技巧点在于通过控制padding-bottom和width的比值,来控制div的显示比例

 

例:

假如图片尺寸是宽100px * 高60px

width是100%

height保持0

padding-bottom设置为60%

 

测试地址

Category: 未分类 | Tags: css3 布局 自适应
4
22
2015
3

[回归]回归is-programmer

一晃眼过了五年

 

五年经历了太多, 太多人, 太多事

 

自己也变化很大

 

当年从这里开始

 

现在

 

继续起航

Category: 未分类 | Tags:
5
20
2010
0

[博客转移]本博客转移至blog.wagada.com

使用is-programmer一年多,感觉非常不错,非常喜欢代码高亮功能

但因为自己对博客功能的要求越来越多,这里已经无法满足我了

决定转移至新地址blog.wagada.com(最后还是投靠了WordPress,呵呵)

这里的文章将留作备份

Category: 未分类 | Tags: 博客转移 再见
4
26
2010
0

[工具]发现一个超强IE测试工具Internet Explorer Collection,涵盖所有版本IE

不是像IETest那样集成到一个里面,而是不同的快捷方式,不同的浏览器窗口

而且还自带了Developer Toolbar

无话可说了 赶紧下载吧!

http://fileforum.betanews.com/download/Internet-Explorer-Collection/1217189605/1

http://utilu.com/IECollection/

 

Category: 未分类 | Tags: ie 网页测试工具
2
24
2010
0

[JavaScript]window.open控制设置了名字的子页面不刷新的方法

 当window.open()指定了第二个参数name的时候,会固定显示出一个子页面,但是每次点击的时候都会自动刷新子页面

我最近做了一个聊天页面,如果再次点击打开聊天页的按钮会刷新了子页面,页面的聊天记录等数据就会全部消失

下面的代码解决了这个问题

a.html

<input type=button  onclick='window.open("b.html","b","width=600,height=300");' value='openB' />

b.html

<iframe name="b" src="refresh_me.html" style='display:none'></iframe>
page B

refresh_me.html

<script>
    window.name="b";
    window.top.name="";
</script>

9
8
2009
1

火狐CTRL+F5刷新页面的一个细节

火狐里CTRL+F5刷新页面后

接下去的任何操作都不加载缓存,而是去网上下载新文件

Category: JavaScript | Tags: 火狐
9
7
2009
2

[JavaScript]选中文本框内的文字

 

Obj.select();

 

 That All.

Category: JavaScript | Tags: javascript 选中文字
8
18
2009
0

[JQuery]一个替换html标签为实体字符的方法

先用<div/>临时取得要转换的值

var msg = $("<div/>").text("<br />").html();

msg就是转换好的值 &lt;br /&gt;

Category: JavaScript | Tags:

Host by is-Programmer.com | Power by Chito 1.3.3 beta | Theme: Aeros 2.0 by TheBuckmaker.com