[SOLUCIONADO] como cambiar el estilo overflow con jquery

roboty · #1 (**permalink**) 13/02/2013, 14:43

Esa es mi duda, no se como puedo cambiar el estilo del overflow de un div, por ejemplo ponerlo en none.
Saludos.

emprear · #2 (**permalink**) 13/02/2013, 16:15

primero convengamos que los posibles valores son
hidden
scroll
auto
inherit

none no existe para overflow, después usas el método css('propiedad','valor')

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
 
  $("div").mouseover(function () {
  $(this).css("overflow","scroll");
  });
 
});
//]]>
</script>
 
</head>
<body>
<div style="width: 300px; height: 300px; border: solid 1px #000;">contenido</div>
</body>
</html>
 
 
SAludos

Fuzzylog · #3 (**permalink**) 14/02/2013, 03:53

Y si quieres para un div concreto o para un conjunto de divs puedes hacer lo siguiente

a) Div concreto => Le proporcionas una id única
<div id="customDiv">mi div</div>
y en el jquery
$('#customDiv').css("overflow","scroll");

b) Conjunto de divs => Les proporcionas una clase
<div class="customClassDiv">mi div 1</div>
<div class="customClassDiv">mi div 2</div>
y en el jquery
$('.customClassDiv').css("overflow","hidden");

roboty · #4 (**permalink**) 14/02/2013, 09:04

Muchas gracias a los dos me habeis solucionado mi problema, saludos