一、什么是框架？ 通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。使用框架的坏处： 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 二、框架相关的元素和属性 1、frameset元素 a、frameset frames ...
分类：
Web程序 时间：
2018-01-31 11:26:51
阅读次数：
225
webkit overflow scrolling介绍 auto： 普通滚动，当手指从触摸屏上移开，滚动立即停止 touch：滚动回弹效果，当手指从触摸屏上移开，内容会保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。 兼容写法 如何使用 ...
分类：
移动开发 时间：
2018-01-17 22:28:41
阅读次数：
330
Q:在A项目的a页面嵌入一个iframe，src是B项目的b页面，怎样让a页面的高度跟b页面的高度一样？ A:解决跨域方案：增加一个A项目的c页面。 操作步骤： 一，a页面的iframe设置： 获取到当前域名，作为参数设置到src上 二，b页面页脚增加以下代码：通过location拿到a页面的域名， ...
分类：
其他好文 时间：
2018-01-17 16:05:56
阅读次数：
225
1、上下拉动滚动条时卡顿、慢 body { -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }2、禁止复制、选中文本Element { -webkit-user-select: none; -moz-user-select: ...
分类：
移动开发 时间：
2018-01-13 00:13:58
阅读次数：
249
@charset "utf 8"; {margin: 0;padding: 0; webkit tap highlight color: transparent; webkit overflow scrolling: touch;} body, div, ul, li, h1, h2, h3, h4 ...
分类：
Web程序 时间：
2018-01-07 00:47:50
阅读次数：
229
1.多for Mobile的HTML5网页内都有快速滚动和回弹的效果 解决办法： -webkit-overflow-scrolling : touch; 使用方法： 2.Fastclick组件 用来解决：（待进一步研究） 使用示例：（vue项目的main.js中） ...
分类：
移动开发 时间：
2018-01-06 20:07:00
阅读次数：
185
无限滚动加载最佳实践 无限滚动（Infinite scrolling），有时候被称为无尽滚动（endless scrolling），这种技术允许用户在大量内容上滚动，眼中看不到结束的地方。这种技术很简单，就是页面往下滚动的时候保持刷新。 这项技术使用户在没有 打断 和 额外交互 的情况下滚动列表 — ...
分类：
其他好文 时间：
2018-01-01 23:34:19
阅读次数：
268
1.1. 页面滚动不流畅（2017-09-25） 现象： 网页竖向滚动或横向滚动不流畅。 解决方案： 为滚动元素添加css样式： -webkit-overflow-scrolling: touch; 1 详见MDN-webkit-overflow-scrolling 1.2. 横向滚动时会上下跳动（ ...
分类：
微信 时间：
2017-12-23 14:13:34
阅读次数：
291
使用 -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. 值 auto 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。 touch 使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和 ...
分类：
移动开发 时间：
2017-12-21 15:55:58
阅读次数：
221
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开，会保持一段时间的滚动 */ -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开，滚动会立即停止 */ overflow:auto 或scroll在ios下无效 ...
分类：
移动开发 时间：
2017-12-18 01:24:51
阅读次数：
344
