ubiquitour.com

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.