Textarea和Custom Scrollbar - jQuery自定义内容滚动条

时间:2014-07-18 19:02:12

标签: jquery scrollbar

我想让这个自定义滚动条插件在textarea中工作。它完全适用于身体,但我似乎无法让它在textarea中工作。

http://manos.malihu.gr/

我确实将textarea包装在div中并将滚动条加载到其中,但它并没有显示出来。

感谢您的帮助!

我正在制作一个wordpress主题。

这是Textarea HTML和加载海关滚动条的脚本。

编辑:'<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);

我遇到的麻烦真的是如何设置它。我用Google搜索,甚至无法弄明白这一部分。

1 个答案:

答案 0 :(得分:5)

看看这个scrollbar comparison table。只有3个最受欢迎的滚动条支持textarea的样式,而mCustomScrollbar不属于这些样式。试试jQuery Scrollbar - 它完全可以自定义CSS并支持textarea滚动条;或尝试NiceScroll(但它不是CSS可自定义的)。

UPD。我错了。 Malihu自定义滚动条支持版本2.8.3中的textarea,但它太可怕了。在新版本3.0.2中,textarea支持更好,但仍然不够好:不使用鼠标/触摸板或键盘向下选择滚动文本选择; mousewheel无法在FF over textarea中使用