HTML5实战与剖析之移动端IOS系统收缩地址导航栏功能
来源:互联网 发布:ios10后4g网络用不了 编辑:程序博客网 时间:2024/05/22 06:42
前些日子为大家倾囊为大家分享了一些有关移动端的结构与标签的相关介绍,今天将继续为大家介绍的则是一个小小的功能,那就是移动端IOS系统收缩地址导航栏功能。
JavaScript代码
// 它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字) function addLoadEvent(func) { var oldOnload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { oldOnload(); func(); } } }// 添加Load事件处理 addLoadEvent(hideMenu); function hideMenu() { setTimeout("window.scrollTo(0, 0)", 1); }//以上代码是针对IOS系统的移动端收缩地址导航栏作用的(部分安卓机也可以)。核心代码其实就是一句://setTimeout("window.scrollTo(0, 0)", 1);意思是说将坐标移到(0,0)点在0.001秒后执行//利用定时器,将窗口移动到内容端的最上端。从而隐掉地址导航栏。
上面的代码原理虽然没有用到HTML5的小知识,但是我认为还是和移动端有关,所以也在这里讲了。以上便是有关HTML5实战与剖析之移动端IOS系统收缩地址导航栏功能的介绍,大家以后再遇到这样的需求的时候还是会比较方便的拿来就能用了。
1 0
- HTML5实战与剖析之移动端IOS系统收缩地址导航栏功能
- HTML5实战与剖析之判断移动端横屏竖屏功能
- HTML5实战与剖析之判断移动端横屏竖屏功能
- HTML5实战与剖析之判断移动端横屏竖屏功能
- HTML5实战与剖析之一行一行看移动端结构
- HTML5实战与剖析之延迟脚本
- HTML5实战与剖析之classList属性
- HTML5实战与剖析之剪贴板事件
- HTML5实战与剖析之WebSockets简介
- HTML5实战与剖析之WebSocket协议
- HTML5实战与剖析之离线应用
- HTML5实战与剖析之使用HTML5 WebSocket API
- HTML5实战与剖析之CSS选择器——querySelector()
- HTML5实战与剖析之CSS选择器——querySelectorAll()
- HTML5实战与剖析之焦点管理(activeElement和hasFocus)
- HTML5实战与剖析之字符集属性(charset和defaultCharset)
- HTML5实战与剖析之自定义数据属性(dataset)
- HTML5实战与剖析之表单——文本框脚本
- sig
- JAVA中String与StringBuff的区别
- 第十二章
- 第十三章
- 智力题——21.善变者
- HTML5实战与剖析之移动端IOS系统收缩地址导航栏功能
- lucene4.5.0----高亮显示实现
- eclipse3.7 安装完整maven和svn插件
- 在eclipse中配置hadoop插件
- 第十四章
- Android ADT升级出现的问题和解决方案
- 智力题——22.外星人来袭
- 第十五章
- 智力题——23.蓝额头房间