Cómo obtener el ancho de las barras de desplazamiento en Safari
Safari es un navegador web popular que es el navegador por defecto para los usuarios de Mac OS X. Como la mayoría de los navegadores, características de Safari alargada bares llamados barras de desplazamiento en el lado y la parte inferior de la ventana del navegador. Las barras de desplazamiento permiten al usuario desplazarse hacia abajo y a través de un sitio Web. Para diseñadores de sitios web, así como los programadores que crean los navegadores web, puede ser importante determinar la anchura exacta de la barra de desplazamiento. Afortunadamente, es posible determinar el ancho de las barras de desplazamiento en Safari usando Javascript.
Instrucciones
1 Inicie el editor de HTML y crear un nuevo documento HTML. Inserte la línea siguiente en el "cuerpo" del documento recién creado HTML: < script tipo = "texto/javascript" >. El cuerpo consiste en todo el texto en el documento HTML entre el "< Body >" y "< /body >" líneas.
2 Copie y pegue el código siguiente en el documento HTML inmediatamente después de la "< script tipo =" texto/javascript">" línea por lo que el ancho de la barra de desplazamiento se calcula y se muestra en el explorador:
función getScrollerWidth() {}
var scr = null;
var inn = null;
var wNoScroll = 0;
var wScroll = 0;
// Outer scrolling div
scr = document.createElement('div');
scr.style.position = 'absolute';
scr.style.top = '-1000px';
scr.style.left = '-1000px';
scr.style.width = '100px';
scr.style.height = '50px';
// Start with no scrollbar
scr.style.overflow = 'hidden';
// Inner content div
inn = document.createElement('div');
inn.style.width = '100%';
inn.style.height = '200px';
// Put the inner div in the scrolling div
scr.appendChild(inn);
// Append the scrolling div to the doc
document.body.appendChild(scr);
// Width of the inner div sans scrollbar
wNoScroll = inn.offsetWidth;
// Add the scrollbar
scr.style.overflow = 'auto';
// Width of the inner div width scrollbar
wScroll = inn.offsetWidth;
// Remove the scrolling div from the doc
document.body.removeChild(
document.body.lastChild);
// Pixel width of the scroller
return (wNoScroll - wScroll);
}
3 Completar el uso de javascript mediante la introducción de la siguiente línea inmediatamente después del código de calculadora de ancho de barra de desplazamiento: < /script >.
4 Guardar el documento HTML y lanzar el navegador Safari. Abra el documento HTML haciendo clic en el menú "Archivo" y seleccionando "Abrir archivo" y luego navegando por donde se almacenó el archivo HTML en el equipo. El ancho de las barras de desplazamiento de Safari se mostrará en la ventana del navegador.
Artículos relacionados
- Cómo deshacerse de las barras de desplazamiento Horizontal
- Cómo habilitar y deshabilitar las barras de desplazamiento con JavaScript
- Cómo desactivar las barras de desplazamiento en Microsoft Word
- Cómo quitar las barras de desplazamiento mediante JavaScript
- Cómo quitar las barras de desplazamiento en páginas
- Cómo quitar las barras de desplazamiento
- Cómo activar las barras de desplazamiento en mi Touchpad
- Faltan las barras de desplazamiento en mi calendario de Outlook 2003
- Cómo ocultar las barras de desplazamiento con rebosadero en CSS