How to hide sidebar and vertical with CSS

Question

How to hide sidebar and vertical with CSS

Navigation

#1 by (2 votes)

0

I would like to hide these two bars (Vertical and Horizontal), set up my .css file with the following definitions, but they are not working:

@charset "UTF-8";

section#conteudo{
  width: 1000px;
  margin:  auto;
}

iframe#frameEspecificacoes{
  width: 400px;
  height: 280px;
  border: none;
  overflow: hidden;
}

iframe#frameEspecificacoes::-webkit-scrollbar { 
  display: none;
}

html5 css3

asked by anonymous 20.02.2017 / 14:00

1 answer

Query to separate records HTML5 Local video

score 2 · Answer 1

It is necessary to check which element is popping , that is, having its width / height exceeded by content size, and apply overflow: hidden; to that element:

body {
	overflow: hidden;
}

section#conteudo{
	width: 1000px;
	margin: auto;
	overflow: hidden;
}

iframe#frameEspecificacoes{
  background: #AAA;
	width: 400px;
	height: 280px;
	border: none;
	overflow: hidden;
}

iframe#frameEspecificacoes::-webkit-scrollbar { 
	display: none;
}

<section id="conteudo">

<iframe id="frameEspecificacoes"></iframe>

</section>