Barra de rolagem de tela não está funcionando
Eu criei canvas dentro da tag div e adicionei a imagem de fundo à tela. Aqui está o código:
<div id="container" style="width: 740px; height: 420px">
<canvas id="canvas_draw"></canvas>
</div>
#container
{
position: relative;
}
#canvas_draw
{
border: 1px dashed #CCCCCC;
margin: 5px;
border-style: dotted;
border-width: 1px;
background-color: #FFFFFF;
overflow:scroll !important;
background-image:url('Images/sample.jpg');
background-repeat: no-repeat;
background-size: 900px 600px;
vertical-align: top;
}
Out put é, barra de rolagem exibida na tela, mas não é possível rolar a tela. Eu testei no Chrome. Tentei aplicar a funcionalidade scroll ao div, funciona bem, masunable to draw on scroll area
Então eu apliqueioverflow: scroll
funcionalidade para a tela apenas .. Como posso resolver este problema de barra de rolagem.
Desde já, obrigado...