>웹 프론트엔드 >H5 튜토리얼 >주소 네비게이션 바 기능을 축소한 모바일 IOS 시스템의 HTML5 실제 전투 및 분석

주소 네비게이션 바 기능을 축소한 모바일 IOS 시스템의 HTML5 실제 전투 및 분석

黄舟
黄舟원래의
2017-02-10 14:30:261898검색

며칠 전 모바일 단말기의 구조와 태그에 대한 몇 가지 관련 소개를 공유했습니다. 오늘은 계속해서 작은 기능, 즉 모바일 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 실제 전투 및 모바일 IOS 시스템 축소 주소 탐색 분석입니다. 바 기능 내용, 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.