Jak dołączyć pasek przewijania javascript do textarei?

Question

Mam pasek przewijania javascript, który zastępuje zwykły pasek przewijania webkit/mozilla. działa na wszystkich moich div tylko przez wpisanie nazwy div ".element" jednak nie jestem pewien, jak to zrobić, aby pasek przewijania zastosować do obszaru tekstowego? czy ktoś wie, jak bym to zrobił, byłby wdzięczny za pomoc.

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

Ten skrypt pomoże styl A-tex obszaru; http://studio.radube.com/html-textarea-custom-scrollbar. Można go dostosować za pomocą własnych obrazów i CSS.

również sprawdzić ten jQuery plugin:

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

Answer 2

Zmień skrypt w następujący sposób:

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

Bo nie ma elementu rodzica z klasy "bio" dla pola tekstowego. Selektor w Twoim przypadku jest nieprawidłowy. Zmień selektor "textarea # bio", rozwiąże twój problem.

Zaakceptuj odpowiedź, jeśli rozwiąże ona problem.