Quitar componente nicescroll despues de agregado.

jhonnybmx · #1 (**permalink**) 03/12/2011, 17:21

Hola a todos y espero que me puedan ayudar, resulta que implemente en una pagina el nicescroll.

OFICIAL
http://areaaperta.com/nicescroll/index.html

DEMO
http://www.martiniglesias.eu/demos/nicescroll/

quisiera saber si despues de agrerle a un DIV esta propiedad como podrias quitarsela.

MUCHAS GRACIAS !!

Código:

<!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>Documento sin título</title>
 <script src="http://www.martiniglesias.eu/demos/nicescroll/js/jquery.min.js"></script>
 <script src="http://mp3.lolintlservices.com/developer/js/scrool/jquery.nicescroll.min.js"></script>
 
</head>

<style type="text/css">

#mi_div {padding: 40px;height: 400px;width: 980px;border: 2px solid #000;overflow: auto; margin-bottom:20px;}


</style>
 <script>
	
	 	 $(document).ready(function() {

    
             $("#mi_div").niceScroll({cursorborder:"" ,boxzoom:true});
  
		 });

</script>

<body>

<div id="mi_div">
          
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu nisl orci, ac vehicula nunc. Maecenas bibendum quam eget lacus ornare faucibus. Suspendisse eu lobortis neque. Suspendisse est dui, molestie id venenatis sed, ullamcorper sit amet ipsum. Vestibulum tempor ullamcorper justo, at consectetur tellus vulputate a. Aenean mollis tellus ac elit mollis convallis. Curabitur ac mattis sem. Integer sagittis lacinia urna, at ultrices sapien aliquam id. Aliquam eleifend arcu sit amet quam vulputate mattis. Cras facilisis sagittis turpis, eget placerat nibh aliquet euismod. Quisque tortor magna, consequat aliquam venenatis eget, tincidunt nec dolor. Mauris elementum bibendum odio at scelerisque. Aenean volutpat vestibulum ullamcorper.</p>
			<p>Cras ut velit purus, a lobortis massa. In euismod, metus euismod faucibus ornare, sem tortor elementum justo, sit amet auctor neque elit sit amet velit. Donec et diam et sapien tincidunt aliquet. In libero quam, posuere in pharetra non, vestibulum in purus. Vivamus aliquet nibh sit amet magna scelerisque nec convallis ipsum commodo. Donec sit amet arcu nibh, varius laoreet elit. Sed tempor eleifend justo nec feugiat.</p>
			<p>Nulla eu dui ante. In non condimentum metus. Maecenas eget arcu urna. Aenean pellentesque feugiat tempor. Ut vestibulum diam nec lorem lobortis interdum bibendum ligula interdum. Aenean condimentum porttitor neque non pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc ut magna id diam tempor interdum ut ut ipsum. Curabitur lacinia, dui vitae sollicitudin placerat, turpis metus condimentum erat, eget dictum enim purus non felis. Cras venenatis adipiscing placerat. In hac habitasse platea dictumst. Quisque id justo sapien, et sagittis ligula. Duis ut lorem sed nisi sagittis cursus. Vestibulum massa mi, rutrum ut lacinia eu, auctor quis ante. Nulla eleifend sollicitudin metus, a dapibus tellus dictum vitae.</p>
			<p>Ut aliquet, metus at luctus posuere, tortor augue pharetra nulla, ut pharetra dolor est at augue. Donec euismod orci vel felis hendrerit placerat. In tincidunt, metus sed porttitor blandit, nisi neque adipiscing nulla, ut convallis mi risus id nulla. Ut elit metus, ultricies vel iaculis non, semper eget dolor. Aenean gravida lorem lorem, eget ultrices metus. Proin ac quam quis metus feugiat condimentum nec fermentum ipsum. Praesent quis eros erat. Phasellus pharetra ullamcorper consectetur. Proin a tortor massa, nec ullamcorper tellus. Curabitur placerat iaculis enim, id lobortis ligula condimentum quis.</p>

			<p>Donec tristique fermentum dolor quis sodales. Aenean a sapien nec nisl facilisis sodales eget sed elit. Vestibulum ac urna quis erat consectetur consequat ut eu sapien. Aenean sit amet ultricies purus. Nunc congue iaculis bibendum. Suspendisse venenatis fringilla tristique. Suspendisse potenti. Nam dictum vehicula tincidunt. Aliquam ac tempus urna. Nullam dui risus, consectetur at vestibulum lobortis, pharetra lacinia elit.</p>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eu nisl orci, ac vehicula nunc. Maecenas bibendum quam eget lacus ornare faucibus. Suspendisse eu lobortis neque. Suspendisse est dui, molestie id venenatis sed, ullamcorper sit amet ipsum. Vestibulum tempor ullamcorper justo, at consectetur tellus vulputate a. Aenean mollis tellus ac elit mollis convallis. Curabitur ac mattis sem. Integer sagittis lacinia urna, at ultrices sapien aliquam id. Aliquam eleifend arcu sit amet quam vulputate mattis. Cras facilisis sagittis turpis, eget placerat nibh aliquet euismod. Quisque tortor magna, consequat aliquam venenatis eget, tincidunt nec dolor. Mauris elementum bibendum odio at scelerisque. Aenean volutpat vestibulum ullamcorper.</p>
			<p>Cras ut velit purus, a lobortis massa. In euismod, metus euismod faucibus ornare, sem tortor elementum justo, sit amet auctor neque elit sit amet velit. Donec et diam et sapien tincidunt aliquet. In libero quam, posuere in pharetra non, vestibulum in purus. Vivamus aliquet nibh sit amet magna scelerisque nec convallis ipsum commodo. Donec sit amet arcu nibh, varius laoreet elit. Sed tempor eleifend justo nec feugiat.</p>
			<p>Nulla eu dui ante. In non condimentum metus. Maecenas eget arcu urna. Aenean pellentesque feugiat tempor. Ut vestibulum diam nec lorem lobortis interdum bibendum ligula interdum. Aenean condimentum porttitor neque non pharetra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc ut magna id diam tempor interdum ut ut ipsum. Curabitur lacinia, dui vitae sollicitudin placerat, turpis metus condimentum erat, eget dictum enim purus non felis. Cras venenatis adipiscing placerat. In hac habitasse platea dictumst. Quisque id justo sapien, et sagittis ligula. Duis ut lorem sed nisi sagittis cursus. Vestibulum massa mi, rutrum ut lacinia eu, auctor quis ante. Nulla eleifend sollicitudin metus, a dapibus tellus dictum vitae.</p>
			<p>Ut aliquet, metus at luctus posuere, tortor augue pharetra nulla, ut pharetra dolor est at augue. Donec euismod orci vel felis hendrerit placerat. In tincidunt, metus sed porttitor blandit, nisi neque adipiscing nulla, ut convallis mi risus id nulla. Ut elit metus, ultricies vel iaculis non, semper eget dolor. Aenean gravida lorem lorem, eget ultrices metus. Proin ac quam quis metus feugiat condimentum nec fermentum ipsum. Praesent quis eros erat. Phasellus pharetra ullamcorper consectetur. Proin a tortor massa, nec ullamcorper tellus. Curabitur placerat iaculis enim, id lobortis ligula condimentum quis.</p>
			<p>Donec tristique fermentum dolor quis sodales. Aenean a sapien nec nisl facilisis sodales eget sed elit. Vestibulum ac urna quis erat consectetur consequat ut eu sapien. Aenean sit amet ultricies purus. Nunc congue iaculis bibendum. Suspendisse venenatis fringilla tristique. Suspendisse potenti. Nam dictum vehicula tincidunt. Aliquam ac tempus urna. Nullam dui risus, consectetur at vestibulum lobortis, pharetra lacinia elit.</p>

		</div>
         
         
</body>
</html>

jhonnybmx · #2 (**permalink**) 06/12/2011, 16:14

Bueno ya logre hacerlo por si alguno lo necesita algun dia.

coloque estas dos lineas en el ajax

$("#mi_div").removeData("__nicescroll");
$("#"+componenteID1).remove();

la variable componenteID1 la agregue en el js donde se asigna el id de cada scrool que por cierto es rnd.

componenteID1 = "ascrail" + Math.round(Math.random() * 99999);

quedo perfecto.