2014-07-18 155 views
1

我想讓自定義滾動條插件在textarea中工作。它在身體上完美地工作,但我似乎無法讓它在textarea中工作。Textarea和自定義滾動條 - jQuery自定義內容滾動條

http://manos.malihu.gr/

我做包裝的textarea的一個div並加載滾動到它,但它並沒有顯示出來。

感謝您的幫助!

我正在製作一個wordpress主題。

這是Textarea HTML和加載customscrollbar的腳本。

編輯:'<div class="comment-form-comment"> <textarea required placeholder="Comment" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea> </div>';

<script> 
(function($){ 
    $(window).load(function(){ 
     $("body, .comment-form-comment").mCustomScrollbar({ 

      autoHideScrollbar: "false", 
      scrollInertia: 0, 
      mouseWheel:{scrollAmount: 100} 

     }); 
    }); 
})(jQuery); 

我遇到的麻煩實在是如何設置好它。我搜索了一下,甚至無法找出那部分。

+0

您是否有頁面或代碼可供查看。沒有任何代碼我們就不能真正知道什麼是錯的。 –

+0

我更新了我的問題。對不起,我以前沒有發佈任何信息。我應該解釋說,我甚至不知道如何設置它。 – chap

回答

3

看看這個scrollbar comparison table。最流行的滾動條中只有3個支持textarea的樣式,而mCustomScrollbar不在其中。嘗試jQuery Scrollbar - 完全可定製的CSS並支持textarea滾動條;或嘗試NiceScroll(但它不是CSS可定製的)。

UPD。我錯了。 Malihu自定義滾動條支持版本2.8.3中的textarea,但它非常可怕。在新版本3.0.2中,textarea支持更好,但仍然不夠好:沒有使用鼠標/觸控板或鍵盤向下選擇滾動文本選擇;鼠標滾輪無法在FF文本框中工作

+0

感謝您的信息!我嘗試使用你的插件(在WordPress中),但我一直得到這個錯誤。 http://i.imgur.com/lTBAz3H.png – chap

+0

安裝在您的chrome中的擴展之一會產生此錯誤。正如我所看到的,這個擴展名是'Hover Zoom'或類似的東西。這不是頁面上的JS錯誤。 – Gromo

+0

啊,是的,我確實有這個擴展。我還有另一個擴展名,我不得不刪除。這對我使用插件意味着什麼?如果它會導致Chrome擴展出現錯誤,我很緊張,其他人將擁有相同的插件,並且會破壞網站。 有沒有辦法檢測它是否在工作,如果沒有,禁用它? 謝謝! – chap