我使用从jQuery自定义内容滚动http://manos.malihu.gr/这似乎是很受欢迎的。 我最初尝试使用它,然后切换到Nicescroller最初曾确定的,但后来我打它的特性在墙上,现在回到这里...
还有就是我做的没有什么复杂的。 数据来自AJAX和被馈送到一个DIV,然后将卷轴被施加到AJAX成功DIV。 该DIV实际上是用来显示形式的错误消息和它周围的主HTML是表单字段。 这个我觉得是不相关的,但我想给所有相关信息。
这里是AJAX调用的“成功”部分:
success: function (data) {
$('#error_msg_div').html(data);
if (submit_status != "OK") //submit_status is a JS variable in data not set to OK
{ //alert(..) here. At alert pause, error_msg_div shows AJAXed response data.
//AJAXed response data has absolutely no reference to the DIV or the scroller
$("#error_msg_div").mCustomScrollbar({
theme:"dark",
scrollButtons:{
enable:true
},
updateOnContentResize:true
});
};
},
从AJAX响应(来自萤火虫复制)样本数据如下所示:
<div class='err_no' style='left:0px;top:5px;'>1:</div><div style='left:22px;top:5px;' class='err_msg'>First name must have 2 to 20 alphabets only.</div>
<div class='err_no' style='left:0px;top:17px;'>2:</div><div style='left:22px;top:17px;' class='err_msg'>Middle initial can only be a single uppercase alphabet.</div>
所以有什么问题? AJAX响应确定。 在警报中,DIV被认为是填充数据。 只是在这之后,在$(“#error_msg_div”)。mCustomScrollbar({...显示空白格。有萤火虫显示没有JS错误消息。
我尝试使用滚轮使用静态数据,并能正常工作。 唯一的主要区别是在我的纯静态HTML的使用,这里是在静态测试的HTML文件,滚动条被称为在:
(function($){
$(window).load(function(){
$("#xxxxxxxxscroll_div").mCustomScrollbar({
theme:"dark",
scrollButtons:{
enable:true
},
updateOnContentResize:true
});
});
})(jQuery);
我花了很多时间在这。 我喜欢的滚动不要再放弃它。 一旦我想这一个,我觉得功能集的其余部分将很容易使用。 一个跟进的问题,很可能不相关的是,当我“消灭”滚动条在DIV上的mCustomScrollbar方法仍显示。 这仅仅是一个方面的问题...我不是JS大师,但是当滚动文档指出,该元素还原到其呼叫前的状态,我本来期望这种方法离开。 对?
谢谢! 我是比较新的这个论坛。 请原谅我,如果格式或者细节不恰当的措辞。