Heim >Web-Frontend >H5-Tutorial >Tatsächlicher HTML5-Kampf und Analyse des mobilen iOS-Systems zur Verkleinerung der Adressnavigationsleistenfunktion

Tatsächlicher HTML5-Kampf und Analyse des mobilen iOS-Systems zur Verkleinerung der Adressnavigationsleistenfunktion

黄舟
黄舟Original
2017-02-10 14:30:261897Durchsuche

Vor ein paar Tagen habe ich Ihnen einige relevante Einführungen zur Struktur und den Tags des mobilen Endgeräts gegeben. Heute werde ich Ihnen weiterhin eine kleine Funktion vorstellen, nämlich das mobile IOS-System, das die Adressnavigationsleiste verkleinert. Funktion.

 JavaScript-Code

// 它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字)
    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秒后执行
//利用定时器,将窗口移动到内容端的最上端。从而隐掉地址导航栏。

Das Obige ist der eigentliche HTML5-Kampf und die Analyse des schrumpfenden mobilen iOS-Systems Adressnavigationsleiste Funktioneller Inhalt. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).


Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn