1. Inicio
  2. Pregunta y respuesta
  3. Eliminar la barra de desplazamiento vertical, mantener la barra de desplazamiento horizontal en el iframe en Chrome

Eliminar la barra de desplazamiento vertical, mantener la barra de desplazamiento horizontal en el iframe en Chrome

2010-10-14 30 views
7

Tengo un iframe para el que me gustaría habilitar una barra de desplazamiento horizontal, pero deshabilito la barra de desplazamiento vertical.Eliminar la barra de desplazamiento vertical, mantener la barra de desplazamiento horizontal en el iframe en Chrome

que tienen el estilo de marco flotante como tal: overflow-y:hidden; overflow-x:auto;

Esto funciona bien en Firefox, pero no cromo. ¿Hay algún tipo de solución para hacer que esto funcione en Chrome?

Actualización: me han hecho la transición en el uso de una celda de tabla con rebosadero, en lugar de un iframe. No sé si esto hará que sea más fácil o más difícil trabajar con ese desplazamiento vertical.

Fuente

2010-10-14 Jimmy

+1

posible duplicado de [Safari/Chrome (Webkit) - No se puede ocultar la barra de desplazamiento vertical del iframe] (http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar). Ambos etiquetados Chrome/webkit. –

Respuesta

2

Esto funciona bien en cualquier navegador

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> 
<title>Untitled 1</title> 
</head> 
<style type="text/css"> 
#test iframe { 
width: 100%; 
height: 100%; 
border: none; } 

#test { 
width: 100%; 
height: 3530px; 
padding: 0; 
overflow: hidden; } 

</style> 

<body style="margin:0;"> 
<div id="test"> 
<iframe src="http://stackoverflow.com/" scrolling="no"> 
</iframe> 
</div> 
</body> 
</html>

Fuente

2014-10-17 13:56:38

0

Añadir matriz elemento div a iframe así:

<div style='overflow: hidden; width: 600px; height: 400px;'> 
    <iframe src='http://www.website.com/index.html' style='overflow-y: hidden;' width='580' height='400' frameborder='0' seamless='seamless'></iframe> 
</div>

se ocultará la barra de desplazamiento vertical, pero el usuario todavía se puede utilizar 'página arriba' , 'página abajo' y teclas de flecha opciones para el desplazamiento vertical.

Fuente

2015-09-07 07:04:52 fsasvari

Cuestiones relacionadas

 Cuestiones relacionadas