Overflow chrome - não funciona com seta do teclado para baixo

leandro alfredo · 1 de junho de 2016

Bom dia, pessoal.

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?

exemplo: www.teclaminas.com.br

DiF · 1 de junho de 2016

Tópico movido de Java para Web

leandro alfredo · 1 de junho de 2016

@dif Tem que criar uma javascript para executar este comando cara! -.-'

DiF · 1 de junho de 2016

@leandro alfredo Depende, pode ser que sim e pode ser que não precise.

Seria importante você mostrar o problema em print e postar seus códigos ou fragmento.

9 minutos atrás, leandro alfredo disse:

Tem que criar uma javascript para executar este comando cara! -.-'

Você perguntou ou está afirmando?

Se for em relação a ter movido o tópico, a área de java não serve para javascript.. já que são duas linguagens diferentes.

Javascript deve ser postado em web.

Olhando exemplo, você está se referindo ao efeito parallax do fundo ficar parado?

se for isso o overflow no chrome tem um bug que sabe lá quando for resolver.

para contornar pode usar um plugin jQuery de parallax.

leandro alfredo · 1 de junho de 2016

@dif exemplo: www.teclaminas.com.br/duvida/index.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>