Cómo usar JavaScript para implementar el efecto superior de la barra de navegación en la interfaz HTML en iOSwebView
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
}