2014-07-18 156 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