Javascript kaydırma çubuğu textarea'ya nasıl eklenir?

Question

Normal webkit/mozilla kaydırma çubuğunun yerini alan bir javascript kaydırma çubuğum var. Diğer tüm divs üzerinde sadece ".element" div ismini yazarak çalışır, ancak bir metin alanına uygulamak için kaydırma çubuğunu nasıl alacağımı bilmiyorum. Bunu nasıl yapacağımı bilen var mı?

JAVASCRIPT:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script src="assets/js/scroll/jquery.mousewheel.min.js"></script> 
<script src="assets/js/scroll/jquery.mCustomScrollbar.js"></script> 

<script> 
    (function($){ 
     $(window).load(function(){ 
      $(".bio textarea").mCustomScrollbar(); 
     }); 
    })(jQuery); 
</script> 

HTML:

<form action="includes/changebio.php" method="post" id="form1">   
<textarea id="bio" style="width: 442px; 
    margin-top:3px; 
    text-align:left; 
    margin-left:-2px; 
    height: 120px; 
    resize: none; 
    outline:none; 
    border: hidden;" textarea name="bio" data-id="bio" maxlength="710"><?php echo stripslashes($profile['bio']); ?></textarea> 
<input type="image" src="assets/img/icons/save-edit.png"class="bio-submit" name="submit" value="submit" id="submit"/> 
</form> 

Answer 1

bir tex-alanı stil yardımcı olacaktır Bu komut; http://studio.radube.com/html-textarea-custom-scrollbar. Kendi resimleriniz ve CSS ile özelleştirilebilir. Aşağıdaki şekilde

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

Answer 2

değiştirme komut:

Ayrıca, bu jQuery eklentisi bölümüne bakın, sizin textarea için sınıf "biyo" ile hiçbir ana öğe yoktur

<script> 
    (function($){ 
     $(window).load(function(){ 
      $("textarea#bio").mCustomScrollbar(); 
     }); 
    })(jQuery); 
</script> 

çünkü. Durumunuzdaki seçici yanlış. Seçiciyi değiştirin "textarea # bio", sorununuzu çözer.

Sorununuzu çözerse, yanıtı kabul edin.