-
Cómo obtener el ancho de la barra 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, Safari cuenta con barras alargadas denominadas barras de desplazamiento en el lateral y parte inferior de la ventana del navegador. Las barras de desplazamiento permiten a los usuarios desplazarse hacia abajo ya través de un sitio web. Para los diseñadores de sitios web, así como los programadores que crean los navegadores web, que determinan la anchura exacta barra de desplazamiento puede ser importante. Afortunadamente, es posible determinar el ancho de las barras de desplazamiento en Safari utilizando Javascript.
Instrucciones
1 Iniciar el editor HTML y crear un nuevo documento HTML. Inserte la siguiente línea en el "Cuerpo" del documento HTML recién creado: <script type = "text / javascript">. El cuerpo se compone de todo el texto en el documento HTML entre el "<body>" y "</ body>" líneas.
2 Copiar y pegar el siguiente código HTML en el documento inmediatamente después de la "<script type =" text / javascript ">" línea por lo que el ancho de la barra de desplazamiento se calcula y se muestra en el navegador:
funcionar getScrollerWidth () {
var scr = null;var posada = null;
var wNoScroll = 0;
var wScroll = 0;
// Div desplazamiento externo
scr = document.createElement ( 'div');
scr.style.position = "absoluta";
scr.style.top = '-1000px';
scr.style.left = '-1000px';
scr.style.width = '100px';
scr.style.height = '50px';
// Iniciar sin barra de desplazamiento
scr.style.overflow = "oculto";
// Div contenido interno
posada = document.createElement ( 'div');
inn.style.width = '100%';
inn.style.height = '200px';
// Poner el div interior en el div desplazamiento
scr.appendChild (DCI);
// Agregar la div desplazándose hasta el doc
document.body.appendChild (SCR);
// Ancho de la barra de desplazamiento interno div sans
wNoScroll = inn.offsetWidth;
// Añadir la barra de desplazamiento
scr.style.overflow = "auto";
// Ancho de la anchura interior div barra de desplazamiento
wScroll = inn.offsetWidth;
// Eliminar el div desplazamiento del doc
document.body.removeChild (
document.body.lastChild);
// Ancho de píxel de la rueda de desplazamiento
retorno (wNoScroll - wScroll);
}
3 Complete el uso del javascript mediante la introducción de la siguiente línea de código inmediatamente después de la calculadora de ancho de barra de desplazamiento: </ script>.
4 Guarde el documento HTML y permite iniciar el navegador Safari. Abra el documento HTML haciendo clic en el menú "Archivo" y seleccionar "Abrir archivo" y luego navegar hasta la ubicación del archivo HTML se almacena en el equipo. La anchura de las barras de desplazamiento de Safari se mostrará en la ventana del navegador.
