-webkit-overflow-scrolling与苹果

如果不用-webkit-overflow-scrolling:touch这个属性,会导致苹果机型滑动卡顿,不顺畅;

但是如果在整个body里加这个属性,万一你的其他部分用到fixed,苹果的表现就更加"精彩";

所以  类似布局用header, main,footer.将这个属性加在main上,就能做到流畅的滚动……

时间: 2024-07-30 06:37:04

-webkit-overflow-scrolling与苹果的相关文章

苹果宣布更新 WebKit 反跟踪政策

受 Mozilla 反跟踪政策的启发,苹果现已宣布更新后的 WebKit 跟踪预防政策,其中详细介绍了一些事项,包括 WebKit 将阻止何种类型的跟踪,何时发挥其他跟踪对策,例如限制功能.需知情用户同意以及 WebKit 如何处理意外情况,特别是跟踪预防功能所造成的的影响. 苹果宣布更新 WebKit 反跟踪政策苹果宣布更新 WebKit 反跟踪政策 本文档描述了 WebKit 认为 Web 策略应遵循的跟踪实践,默认情况下应由 Web 浏览器阻止.开发者们认为这些做法对用户有害,因为其侵犯了

浏览器内核-Webkit

关键字:浏览器内核,浏览器引擎,Browser,Webkit,Blink,Chromium. 本文简单介绍一下各种浏览器内核.着种介绍一下Webkit.顾名思义,浏览器内核就是浏览器的核心部分,也可以说是浏览器所采用的渲染引擎,负责对网页语法的解释(如标准通用标记语言下的一个应用HTML.JavaScript)并渲染(显示)网页.常见的浏览器内核有:Trident,Gecko,Presto,Webkit等.对于开发者来说,有了浏览器内核,你就可以开发一款你自己的浏览器.或者在你的应用中嵌入浏览器

历史在重演:从KHTML到WebKit,再到Blink

http://36kr.com/p/202396.html 上周四,Google宣布从WebKit 分支出自己的浏览器渲染引擎 Blink.很多人觉得这像是晴天霹雳,或者甚至是迟到的愚人节笑话,但是其实这件事情是难以避免的,而且是历史的重演. 上周四,Google宣布从WebKit分支出自己的浏览器渲染引擎Blink.很多人觉得这像是晴天霹雳,或者甚至是迟到的愚人节笑话,但是其实这件事情是难以避免的,而且是历史的重演. 什么是WebKit?它到底是谁的? WebKit 是一个开源的浏览器引擎.它

移动浏览器的内核WebKit介绍

Hybrid App是运行在移动操作系统的WebView上面的,我们可以在原生页面中嵌入HTML5网页,WebView就是这个网页的容器.WebView实际上是一种嵌入式的编程接口,WebView调用底层的浏览器内核如WebKit或Blink等解析网页,因此浏览器的内核决定了Hybrid App HTML5页面的展示效果和用户体验,目前市场上主流移动设备WebView的内核基本上是Webkit,包括苹果iOS系统和Android 4.4以前的版本. 浏览器内核通常也被称为渲染引擎.所谓的渲染,就

PC端兼容性

目前,对 HTML5 和 CSS3 支持最好的是 Chrome 和 Safari , Firefox 和 Opera 次之,IE9 开始拥抱标准. 一.CSS3 属性 从表中可以看出,除了 Overflow Scrolling 还没有浏览器支持之外,其它属性在 Windows 平台,Chrome 和 Safari 全部支持,其次支持比较好的是 Opera 和 Firefox,曾经一片红叉的 IE 开始迎头赶上,开始支持部分 CSS3 属性.在 Mac 平台情况要好很多,Safari .Chrom

web前端基础篇④

1.BFC-块级元素-块级格式化上下文布局规则:独立区域,与外部毫不相关内部box会在垂直方向,一个个放置box垂直方向距离由margin决定BFC的区域不会与float box重叠计算BFC高度时,也要计算浮动元素它是被触发(被生成)的会触发生成BFC环境的元素:根元素float属性不为noneposition为absolute或fixeddisplay为inline-block,table-cell,table-caption,flex,inline flexoverflow不为visibl

HTML部分复习笔记

个人复习的笔记 1. 浏览器 1.1市面常见浏览器 1.2浏览器内核 面试用: 浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎. 渲染引擎 它负责取得网页的内容(HTML.XML.图像等等).整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机.浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同. JS 引擎 则是解析 Javascript 语言,执行 javascri

初学HTML5做的小知识点

新增的HTML5标签 语义化标签 :<header> 头标签      <nav> 导航标签      <section> 表示文档的结构.栏目      <footer> 页脚      <article> 文章标签      <aside> 侧边栏导航     <mark> 凸显文字 网页的组成及标准                  HTML 指的是超文本标记语言 (Hyper Text Markup Languag

《Getting Started with WebRTC》第一章 WebRTC介绍

? 本章是对WebRTC做概念性的介绍. 阅读完本章后.你将对下面方面有一个清晰的理解: .  什么是WebRTC .  怎样使用它 .  哪些浏览器支持 1.1. WebRTC介绍 World Wide Web(WWW)是出如今1990年代的早期, 它是建立在使用HREF超链接的以页面为中心的模型上. 在这个网页的早期模型中,浏览器从一个网页到还有一个网页是通过更新HTML内容来实现的. 到了2000年,一种新的网页浏览方式开发出来了, 且在后面变成了一个标准.即 XMLHttpRequest

WebView

一..WebView: (一).介绍: Android提供了一个内置浏览器,该浏览器可以查看网站,查看邮件,播放视频.要使用该内置浏览器,要通过WebView组件实现.webView组件式专门用来浏览网页的. 类结构: java.lang.Object ? android.view.View ? android.view.ViewGroup ? android.widget.AbsoluteLayout ? android.webkit.WebView (二).webview组件常用方法:[掌握