Ir ao conteúdo

Posts recomendados

Postado

Boa tarde galera, eu estou fazendo o curso de HTML5/CSS3 do Gustavo Guanabara, do canal Cursoemvideo. Estava dando tudo certo, porém agora estou com um problema.

 

Eu estou usando um iframe, que quero tirar as scrollbars, para que eu posso linkar um href com o conteudo do iframe depois, porém não está funcionando:

Qxx7Jdm.png

Note que há scrollbar tanto x quanto y.

 

Meu código HTML:

<iframe id="frame-spec" src="google-glass.html" name="janela"></iframe>

CSS:

iframe#frame-spec {
  width: 380px;
  height: 280px;
  border: none;
  overflow: hidden;
}

iframe#frame-spec::-webkit-scrollbar {
  display: none;
}

Estou usando o navegador Google Chrome, pelo que vi este código display:none; é para este navegador. Mas mesmo assim não está funcionando.

 

  • Curtir 1
Postado

Posso estar falando besteira, mas espero que não rsrs, mas pelo que sei não daria, pois as barras estão aí porque o conteúdo dentro do iframe, é maior do que o espaço que você reservou pra ele. Por exemplo, se eu seto o width e height do iframe em 100px, e o conteúdo que vai dentro for de 150x150px, ele vai fazer uma barra para mostrar os 50px "invisíveis".

Novamente, pelo que conheço de iframe, é assim que funciona. Mas caso encontre alguma outra solução comente aqui, seria interessante conhecer.

  • Moderador
Postado

@AlexandreKG Experimente colocar o scrolling="no" no iframe

 

<iframe  scrolling="no" id="frame-spec" src="google-glass.html" name="janela"></iframe>

E com css

iframe { overflow:hidden; }

Só devo lembra-lo que o iframe é um elemento obsoleto.

  • Curtir 4
  • Amei 1
Postado
  Em 22/03/2017 às 20:29, DiF disse:

@AlexandreKG Experimente colocar o scrolling="no" no iframe

 

<iframe  scrolling="no" id="frame-spec" src="google-glass.html" name="janela"></iframe>

E com css

iframe { overflow:hidden; }

Só devo lembra-lo que o iframe é um elemento obsoleto.

Expandir  

Usando esse atributo na tag iframe, eu posso usar um mapa de imagem depois, e selecionar determinado artigo do iframe? Mesmo eu ter tirado a scrollbar pelo HTML e não pelo CSS?

 

@Edit

 

Sim, eu consigo definir um artigo específico do arquivo, muito obrigado :)

  • Curtir 2
  • 3 meses depois...
  • 2 semanas depois...
  • 4 meses depois...
Postado

Tem duas soluções que podem ser utilizadas, a primeira é utilizando scrolling="no" como já foi dito, ou utilizando overflow : hidden; diretamente no css do arquivo google-glass.html, fica assim:

body {
            font-family: Arial;
            font-size: 10pt;
            overflow : hidden; 
        }

Tanto uma como a outra forma funcionam, valeu.

  • 3 semanas depois...
  • 3 meses depois...
  • 3 meses depois...
Postado
  Em 22/03/2017 às 20:29, DiF disse:

@AlexandreKG Experimente colocar o scrolling="no" no iframe

 

<iframe  scrolling="no" id="frame-spec" src="google-glass.html" name="janela"></iframe>

E com css

iframe { overflow:hidden; }

Só devo lembra-lo que o iframe é um elemento obsoleto.

Expandir  

Grato pela dica.

Configurando pelo html deu certo. Já pelo CSS não teve acordo. Nenhum navegador aceitou a "iframe {overflow:hidden;}"

  • 3 semanas depois...
Postado

Boa noite Pessoa!

 

o problema desta questão e que, deveríamos conseguir fazer a  rolagem  no arquivo mesmo com a barra oculta, pelo no google Chrome, mas isso nao acontece, esta tendo alguma incompatibilidades com os códigos scrolling="no" ou iframe#frame-spec::-webkit-scrollbar{ display: none;} . Objetivo era ocultar a barra de rolagem, mas consegui fazer a rolagem dos documentos.  Estou fazendo este curso também e passando por este problema.

 

  • 1 ano depois...
  • 9 meses depois...

Crie uma conta ou entre para comentar

Você precisa ser um usuário para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Mostrar mais  

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mostrar mais  
×
×
  • Criar novo...

GRÁTIS: Aprenda a Ler Resistores e Capacitores

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!