使用jquery.mCustomScrollbar自定义滚动条（4）live使用，向未来元素添加滚动条，不实用，了解一下

.div_box元素是本来没有的,在滚动条初始化的时候方法是加在$('.content .div_box').mCustomScrollbar()上面,参数live:on; 点击按钮的时候,进行content里面添加div_box的,这时候滚动条初始化才开始在div_box元素上进行: 小结: $('.content .div_box').mCustomScrollbar()配合参数live:on向未来元素.div_box上加个滚动条方法,猜想是这时候是绑定了一个事件:在div_box被创建出来…

使用jquery.mCustomScrollbar自定义滚动条（3）callback onCreate

碰到了一个问题,想简洁,所以在页面上使用 <div class="div_box mCustomScrollbar" data-mcs-theme="dark-3">这种方式来初始化滚动条: 然后在$(fucntion(){})里面写div_box中添加内容append函数: 但是发现div_box中没有内容. 经分析是因为先执行了在div_box中append内容,而由于是要在div_box .mCSB_container下面添加内容的,但是这时候滚动…

使用jquery.mCustomScrollbar自定义滚动条（2）

参考博客:http://www.qianxingzhem.com/post-1602.html 接着上篇,另一个使用的例子,使用js来初始化滚动条,并且div中的内容可变化.需要调用相应的方法, 代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery版的自定义滚动条</title> <link rel="style…

使用jquery.mCustomScrollbar自定义滚动条（1）

参考博客:https://blog.csdn.net/cdnight/article/details/41351505 api网址:http://manos.malihu.gr/jquery-custom-content-scroller/# 常用的theme: dark light light-2 light-3 light-thick light-thin dark-thin inset inset-2" 3d 3d-dark 3d-thick minimal-dark 下面是最简单的使…

jQuery 中 on 方法-----给未来元素添加事件

<li class='clear dir-li'> <div class='left title'> 添加到目录:</div> <div class='left item' id='dir-ctrl-dv'> <if condition="$dirs neq ''"> <select act-v='1' act="{:U('Content/getDirs')}" class='input dir-ct…

自定义浏览器滚动条的样式，打造属于你的滚动条风格——兼容IE和webkit(ff不支持)

前段时间,到网上找素材时,看到了一个很个性的滚动条式,打开Chrome的调试工具看了一下,发现不是用JavaScript来模拟实现的,觉得有必要折腾一下.于是在各大浏览器中对比了一下,发现只用Chrome适用,也就是说这个用的是Chrome的私有CSS属性.便百之谷之后,发现原来不仅仅只用Chrome,其它的浏览器在不同程度上支持自定义滚动条样式的.下面是我不断测试的结果,若有错误或不全,请在评论里面给出,我会立马更正:若有更好的方案,你可以留言,让大家都开开眼界...... 自定义IE浏…

VC对话框实现添加滚动条实现滚动效果

对话框滚动条及滚动效果实现,用的api主要有: ScrollWindow, SetScrollInfo, GetScrollInfo, SetWindowOrgEx.涉及的数据结构为SCROLLINFO. 实现的原理为:设置窗口显示的滚动条:响应滚动条的消息,在其中记录窗口原点的x和y坐标,并滚动窗口:在OnPaint中设置窗口原点,并绘图. SCROLLINFO typedef struct tagSCROLLINFO { UINT cbSize; UINT fMask; int nMin;…

滚动条mCustomScrollbar自定义

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持,并且在滚动的过程中,还可以缓冲滚动使得滚动更加的平滑,还可以自动调整滚动条的位置和定义滚动到的位置等.(HTML必须存在于文档流, 不能为display:none) 1.如何使用 mCustomScrollbar(必…

jquery mCustomScrollbar 滚动条宽度的设置

一.项目使用 $("#iscroll-1, #tree_box, .work, .item1, .item2, .item3, .item4").mCustomScrollbar({ theme: "minimal", scrollInertia: }); 二.修改的滚动条的宽度(默认的太细了,我看着不爽,然后就想在配置参数中去,竟然发现没有这个配置,在网上查了查发现,只能自己手动修改css) /* 修改滚动条样式开始 */ .mCSB_dragger_bar {…

【JQuery插件】元素根据滚动条位置自定义吸顶效果

;(function($){ $.fn.extend({ /* 元素根据滚动条位置自定义吸顶插件 @defaultTop 初始化top位置 @startTop 开始滚动和回复原样的位置 @demo var ensureTop = $('#ensure').offset().top; $('#columnFloat').setScroll({ defaultTop: ensureTop,//需要设置的默认起始top位置 startTop: ensureTop//从什么位置开始执行事件 }); */…

【新手向】一个超简单的jquery.mCustomScrollbar滚动条插件Demo

在webpack里使用jquery.mCustomScrollbar插件

malihu-custom-scrollbar-plugin是一个依赖jquery的自定义网页滚动条样式插件网站:http://manos.malihu.gr/jquery-custom-content-scroller/ github:https://github.com/malihu/malihu-custom-scrollbar-plugin jquery.mCustomScrollbar在npm上写了在webpack里使用的方法但是其只说啦引用js,还需要配合mCustomScrol…

[转]jquery开发自定义的插件总结

本文转自:http://www.cnblogs.com/Jimmy009/archive/2013/01/17/jquery%E6%8F%92%E4%BB%B6.html 前几天在玩jquery,今天就把这几天的学习做一个总结. 首先jquery开发自定义的控件分两大类(我自己这么分的),第一就是不带参数的插件,还有一类就是带参数的jquery插件了. 先从简单的开始.首先我们要了解一下什么叫jquery,jquery是对js的一系列的分装,说白了他就是js的分装以后的产物.但是我们用jquer…

jquery validate 自定义验证方法

query validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法,可以让用户来自定义验证规则. 案例一: //自定义验证 $.validator.addMethod("isPositive",function(value,element){ var score = /^[0-9]*$/; return this.optional(element) ||…

jQuery.Validate自定义规程的使用案例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

jquery validate 自定义验证方法日期验证

jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则. 这里就来聊一聊jquery validate的自定义验证. jquery validate有一个方法,可以让用户来自定义验证规则. 案例一: //自定义验证 $.validator.addMethod("isPositive",function(value,element){ var score = /^[0-9]*$/; return this.optional(element) |…

jQuery on() 方法为选定已存在元素和未来元素绑定标准事件和自定义事件

很有必要说说jQuery的on方法,这个方法存在大乾坤大奥秘,主要注意两点: 1.为已存在元素和未来元素(动态添加元素)绑定处理函数. 2.自定义一个非标准的事件并绑定处理函数. 定义和用法 on() 方法在被选元素及子元素上添加一个或多个事件处理程序. 自 jQuery 版本 1.7 起,on() 方法是 bind().live() 和 delegate() 方法的新的替代品.该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库. 注意:使用 on() 方法添加的…

jquery的自定义事件通过on绑定trigger触发

jquery绑定自定义事件,可以实现预先绑定好一个处理方法,当需要使用的时候利用jquery trigger来触发自定义事件,以达到方便快捷的目的.我们来假设一个这样的场景,一个textarea中的字数计算,如果是直接键盘输入或者粘贴进来的话,是可以使用input方法检测到,但是如果是通过js插入的文本,这个时候input事件就监测不到了,这个时候如果我们事先给绑定一个myChange事件,它的回调函数就是来处理计算其中的文本字数的,我们在使用js给这个textarea赋值以后,连缀写上.tri…