Bom dia rapaziada, estou fazendo um site com o scroll travado com overflow:hidden, e quero que alguns elementos apareçam e desapareçam em determinadas partes do site, mas o código js só funciona se o scroll estiver rolando. Queria que me ajudassem a funcionar mesmo o overflow:hidden.
O meu problema é o seguinte:
Tenho um menu vertical com submenus, e queria que quando ele ultrapassasse o comprimento da div aparecesse a barra de rolagem.
Ai é que entra o problema, quando declaro o overflow-y como auto o overflow-x assume o mesmo comportamento, fazendo com que ao passar o mouse em um menu os submenus fiquem escondidos
e apareça uma barra de rolagem horizontal.
Código CSS da div que contem o menu
#menu{
float: left;
background-color: #F3F3F3;
border-right: solid 2px black;
overflow-x: visible;
overflow-y: auto;
}
Se alguém puder me ajudar já agradeço.
Valeu.
Galera o meu problema é o seguinte:
Preciso saber via código Javascript quando, em uma determinada Div, ocorreu overflow.
Ela esta como auto, mas preciso saber se ocorreu overflow depois do carregamento de dados que faço nela.
Se caso ocorreu overflow, tenho que realizar uma outra função.
Enfim preciso saber apenas como descobrir.
Estou com um pequeno problema, mas que não consigo resolver.
Quando uso a propriedade de CSS: overflow, em uma div tudo funciona - barra de rolagem na vertical etc. Porém, estou encontrando um problema no navegador Chrome.
A situação é a seguinte:
Dentro da minha div #scroll eu crio uma tabela com dados. A primeira coluna da tabela é um input type=radio para me mandar informação do código para futura consulta na base. (até aqui tudo funciona). Porém, quando tem mais linha que a altura da div ela cria a barra de rolagem. Eis meu problema. Se eu uso a seta do teclado para baixo a barra de rolagem não funciona. Só se eu usar o scroll (rodinha) do mouse. :(
MASSSSSS.... no internet explorer e mozila FUNCIONAM!!!!!!!
Vocês já tiveram este problema? Como resolveram?
Aqui vou colocar um exemplo simples em html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
#scroll{
display:block;
color:#FF0000;
padding:0px;
margin-left: 22px;
width:865px;
height:152px;
white-space: nowrap;
overflow: scroll;
}
</style>
</head>
<body>
<div id="scroll">
<table width="100%" cellpadding="0" cellspacing="0" border="1">
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
<tr height="30">
<td><input name="teste" type="radio" autofocus /></td>
<td>Quando tem </td>
<td>muitas linhas</td>
<td>e usando a seta do teclado </td>
<td> para baixo não funciona</td>
</tr>
</table>
</div>
</body>
</html>