5

通常の webkit/mozilla スクロール バーを置き換える JavaScript スクロール バーがあります。div名「.element」を入力するだけで、他のすべてのdivで機能しますが、スクロールバーをテキスト領域に適用する方法がわかりませんか? 誰も私がこれを行う方法を知っていますか?

ジャバスクリプト:

<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>
4

2 に答える 2

1

このスクリプトは、tex-area のスタイルを設定するのに役立ちます。http://studio.radube.com/html-textarea-custom-scrollbar。独自の画像と CSS でカスタマイズできます。

このjQueryプラグインもチェックしてください：

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

于 2013-04-15T00:58:20.340 に答える
0

スクリプトを次のように変更します。

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

テキストエリアに「bio」クラスの親要素がないためです。あなたの場合のセレクターは間違っています。セレクター「textarea#bio」を変更すると、問題が解決します。

問題が解決する場合は、回答を受け入れてください。

于 2013-04-15T04:26:53.440 に答える