estoy trabajando en hacer un widget como éste aquí:Cómo hacer iFrame no tienen la barra de desplazamiento
http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700
Y por alguna razón por la que parece que no puede hacer que la barra de desplazamiento desaparece. ¿Alguien sabe cómo hacer eso?
Gracias!
De esta manera:
<iframe ... scrolling="no"></iframe>
Editar: también frameborder="0" es útil para ocultar el borde.
El OP no especificó un estándar, pero los atributos 'frameborder' y' scrolling' no son HTML válido 5. Ver [aquí] (http://www.w3schools.com/tags/tag_iframe.asp). – ubiquibacon
iframe { overflow: hidden; }
debería hacerlo. Sin embargo, ¿usted realmente quiere hacer eso? Cualquier contenido que no se pueda ver de inmediato no estará disponible (sin que el usuario salte por los aros para desplazarse por el teclado).
'overflow: hidden;' no es uniforme en todos los navegadores.Para mí funciona muy bien en Firefox, pero no en Chrome o IE :( –
La propiedad CSS que se ocupa de que el documento sea más grande que el área visible es overflow.
Esto se utiliza comúnmente para hacer desplazable div s como se ve en this example.
El valor que está buscando es: hidden que recortará el área fuera del rango visible. Algo así como:
<iframe style="overflow:hidden;" src="URL" />
debe buscar widget agradable aa
Así que para las propiedades CSS es posible que desee:
overflow:hidden;
border:none;
width:100px;
height:25px;"
Y para las propiedades de iframe es probable que desee:
scrolling="no"
frameborder="0"
allowTransparency="true"
Lea en estos al entienden lo que hacen, pero son los comunes a los widgets como lo que usted describe en su pregunta. Juntos deberían producir un buen widget.
Simplemente agregue el atributo scrolling="no" a su iframe.
Nota: esto no funcionará en HTML5.
Aunque
overflow:hidden;
puede funcionar con Firefox, que no funciona con IE o Chrome. Si NO está utilizando HTML5, puede usar scrollable=no.
Eche un vistazo a [HTML iframe scrolling Attribute] (http://www.w3schools.com/tags/att_iframe_scrolling.asp) – Lijo