Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
AlexandreKG

Como tirar scrollbar pelo CSS?

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • Autor do tópico
  • 5 horas atrás, 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.

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

    Editado por AlexandreKG
    • Curtir 1

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    @AlexandreKG , estou fazendo o mesmo curso que você e me deparei com o mesmo problema. Pelo que vi aqui foi resolvido utilizando o scrolling=no no próprio HTML. Ficou assim mesmo ou você conseguiu outro meio? Um abraço.

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites
    Em 30/03/2017 às 16:05, Robson Gaspar disse:

    @AlexandreKG , estou fazendo o mesmo curso que você e me deparei com o mesmo problema. Pelo que vi aqui foi resolvido utilizando o scrolling=no no próprio HTML. Ficou assim mesmo ou você conseguiu outro meio? Um abraço.

    @Robson Gaspar Deu certo. valeu!

    Compartilhar este post


    Link para o post
    Compartilhar em outros sites

    Crie uma conta ou entre para comentar

    Você precisar ser um membro para fazer um comentário






    Sobre o Clube do Hardware

    No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia 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

    ×