1. casa
  2. Domanda e risposta
  3. Rimuovi barra di scorrimento verticale, mantieni la barra di scorrimento orizzontale in iframe in Chrome

Rimuovi barra di scorrimento verticale, mantieni la barra di scorrimento orizzontale in iframe in Chrome

2010-10-14 54 views
7

Ho un iframe per il quale mi piacerebbe abilitare una barra di scorrimento orizzontale, ma disabilitare la barra di scorrimento verticale.Rimuovi barra di scorrimento verticale, mantieni la barra di scorrimento orizzontale in iframe in Chrome

ho l'iframe stile in quanto tale: overflow-y:hidden; overflow-x:auto;

Questo funziona bene in Firefox, ma non Chrome. C'è qualche soluzione alternativa per far funzionare tutto in Chrome?

Aggiornamento: ho la transizione ad utilizzare una cella di tabella con troppopieno, piuttosto che un iframe. Non so se questo renderà più facile o più difficile aggirare quella scroll verticale.

fonte

2010-10-14 Jimmy

+1

possibile duplicato di [Safari/Chrome (Webkit) - Impossibile nascondere la barra di scorrimento verticale iframe] (http://stackoverflow.com/questions/1691873/safari-chrome-webkit-cannot-hide-iframe-vertical-scrollbar). Entrambi con tag Chrome/webkit. –

risposta

2

Questo metodo funziona bene con qualsiasi browser

<!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>

fonte

2014-10-17 13:56:38

0

Aggiungere genitore elemento div a iframe in questo modo:

<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>

Sarà nascondere barra di scorrimento verticale ma l'utente potrebbe ancora utilizzare 'page up' , 'pagina giù' e tasti freccia opzioni per lo scorrimento verticale.

fonte

2015-09-07 07:04:52 fsasvari

Problemi correlati

 Problemi correlati