-webkit-overflow-scrolling: touch 手动改变 scrollTop 导致的 bug 及解决方案

关于-webkit-overflow-scrolling,看看相关API,主要用来设置在IOS浏览器的容器内滚动是否开启惯性和回弹的。 所以,一般情况都是设置其值为touch的 -webkit-overflow-scrolling: touch 但是,这一次遇到一个BUG。 我的需求是需要手动设置滚动高度的,js代码是 Read»

text-rendering属性可能导致iconfont图标字体显示不出来

问题 在做Ghost主题时想沿用默认主题的字体样式,但发现替代为阿里的图标文件后,qq图标显示不出来 解决办法 找到 text-rendering: geometricPrecision; 修改为 text-rendering: auto; 引申 Text-rendering 属性是一个非标准属性,主要用来告诉渲染引 Read»

过一把Ghost的瘾,顺便尝试做了个主题

本博客就是示例,欢迎使用 地址:https://github.com/coolhihi/gxxghost 简单介绍一下特色 集成了highlightjs,实现代码高亮,适合程序员使用 集成Disqus评论系统,除了对国内平台的第三方登录基本不支持,无论速度、体验还是维护,都比我之前用过的友言和多说优秀 集成了pjax, Read»

《琐事管家》微信公众号,vue.js实现日子备忘

《琐事管家》,琐事非小事,我来帮你忙,日子备忘,简洁方便,帮你记忆,完美支持阳历和阴历。 微信公众号: 网页直接访问当然也是可以的: http://app.gxxsite.com/daterecord 作为 vue.js 的习作,我选择做一个《日子备忘》,因为试了一些生日管家之类的APP,要么对农历支持不好,要么太过臃 Read»

新习作博客类网站,基于angularjs,实践一箩新技术

习作目的主要是实践 angularjs ,以及顺便应用一些不常用但有趣的知识。 用到的angularjs组件: router,路由,单页面通过hash管理伪路径 resource,资源,在services实现json数据的简易通信 animate,动画,可通过enter和leave样式简易地管理视图的变更动画 cook Read»

display: inline-block 元素垂直不对齐的解决方法

想不到非table-cell也有元素会受垂直居中的属性影响。 解决方案: 添加vertical-align样式即可 vertical-align: top; //或 vertical-align:middle; 参考:http://www.v2ex.com/t/175855 Read»

cordova关闭ios整个webview超出范围的滚动,开启overflow的惯性滚动

情况1: cordova生成的项目,在IOS上整个webview会有弹性的滚动范围,这令position为absolute的固定模块很是尴尬,网上找到的参数基本都是webviewbounce,但是并没有效果 <preference name="webviewbounce" value=&qu Read»

删除input或textarea输入框在移动版显示的阴影(Safari/iPhone)

移动端浏览网页元素时,自动给input和textarea添加了内部阴影的效果,只需加入样式即可去除 input,textarea{-webkit-appearance: none;} Read»

CoolBanner,原创Banner焦点图切换类,滚动切换,附带元素动画切入,动感科技感

需求: Banner焦点图滚动十分流行,我希望把图片与文字分离,先滚动图片再切入文字,这样更富动感和科技感。当然已经有不少网站采用类似的形式,但缺少规范的类。于是,决定动手写一个,而且采用html代码作为元素,使用得当,可支持所有子元素。支持切换时间、动画时间、动画速度自定义。 使用说明: 调用jquery(1.4. Read»

canvas的第一次实操,跑酷跨栏小游戏,完美支持手机

canvas作为html5的特色,其实早前已经做过一点学习demo,昨天兴起是因为在微信看到一个小游戏的转发,目测开发成本较低,于是就自己也动手试一试,检验一下自己的能力。 算法是我自己想的,弹跳使用了sin曲线,移动速度采用random微调。 源码都没有加密,可随意查看,但转载希望能注明一下。 玩法:点击触发跳跃,仅 Read»