Red de conocimiento informático - Material del sitio web - Cómo usar JavaScript para implementar el efecto superior de la barra de navegación en la interfaz HTML en iOSwebView

Cómo usar JavaScript para implementar el efecto superior de la barra de navegación en la interfaz HTML en iOSwebView

//Registra la posición original de la barra de navegación en la página

var naviga_offsetTop = 0;

var naviga_offsetLeft = 0

// IE7 no puede reconocer getElementsByClassName; , entonces, para compatibilidad, personalice una

función my_getElementsByClassName(class_name) {

var el(class_name) { function my_getElementsByClassName(class_name) {

var el = [ ];

// Obtener todos los elementos

_el = document.getElementsByTagName('*'); i=0; ilt; _el.length; i ) {

if (_el[i].className == nombre_clase ) {

el[el.length] = _el[i ];

}

}

return el;

}

// Barra de navegación, coloque el cursor sobre top

función naviga_stay_top(){

var a_navigation_bar = [];

if( document.getElementsByClassName){// Chrome, FF

a_navigation_bar = document.

a_navigation_bar = document.getElementsByClassName("navegación");

} else {// IE

a_navigation_bar = my_getElementsByClassName(" navegación ");

}

var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

document.title = scrollTop;

p>

document.documentElement.scrollTop = document.body.scrollTop || document.title = scrollTop

//Si la distancia de desplazamiento es mayor que la distancia desde la parte superior de la barra de navegación original

// Se corrigió la barra de navegación directamente en la parte superior del área visible

if( scrollTop gt; naviga_offsetTop){

a_navigation_bar[0 ].style.top = 0 "px ";

} else {

/Si el desplazamiento hacia abajo es menor que la distancia del original

La barra de navegación final estaba en la parte superior, vuelva a calcular la posición de la barra de navegación

a_navigation_bar[0].style.top = (naviga_offsetTop - scrollTop) "px"

}

}

}

// Proporciona eventos de clic para las cuatro etiquetas de navegación en la barra de navegación.

window.onload=function(){

var a_tabs = []

if( document.getElementsByClassName ){/Chrome, FF

a_tabs = document.

var a_contents = [];

if( document.getElementsByClassName ){/Chrome, FF

a_contents = document.getElementsByClassName ("contenido");

}else{//IE

a_contents = my_getElementsByClassName("contenido"); // Obtiene offsetLeft, que es la distancia entre la barra de navegación y el borde izquierdo

var a_main_div = []

if( document.getElementsByClassName ){/Chrome, FF

a_main_div = document.getElementsByClassName("main");

}else{ //IE

a_ main_div = my_getElementsByClassName("main");

}

naviga_offsetLeft = a_main_div[0].offsetLeft;

a_tabs[0].onclick= function(){

window.scrollTo(0 , a_contents[ 2].offsetTop

}