jQuery实现自定义滚动条_技术问答

首页免费课 jQuery实现自定义滚动条问答

jQuery实现自定义滚动条

                
                奇舞团
            Web前端工程师

                    查看讲师更多课程 
                    奇舞团讲师的其他课程
                
全屏切换效果
中级·85463
免费课程
                                
数学知识在CSS动画中的应用
初级·39132
免费课程
                                
                难度中级
            
                时长 1小时 3分
            
                学习人数
            
综合评分8.73
                            101人评价
                        查看评价
                                9.2
                                内容实用
                            
                                8.4
                                简洁易懂
                            
                                8.6
                                逻辑清晰

全部评论问答未解决精华

安承

上面听0.5倍那哥们，我服你。

1 3-3 拖动滑块内容滚动的思路

2016-11-23

qq_日月晨汐_0

虽然都听懂了，但要动手组织起来，还是很有难度，还是慢慢跟着步骤来敲，视频不好之外是跳动性太大，有点跟不上节奏，无论是对新手还是有一定面向对象基础的人来说，还是有点难度的，还有就是命名，不够准确，对于不懂面向对象的人来说，估计听着就睡着了，虽然基础很不错，但一直以来都敲不出这样的有组织性的逻辑代码来，原来是我还不会代码组织方式，看来以后得多实践敲代码了。

1 4-1 jQuery课程总结

2016-11-22

倔脾气3922001

表示后面的看不懂了

0 3-3 拖动滑块内容滚动的思路

2016-11-21

qq_Whatthehell_1

被干掉了？？？？？6666666

0 2-2 讲解标签区域样式

2016-11-20

Churjan

那个写了很多代码说没弹出来的同学，你写错了。
this._init=opt; 应该为 this._init(opt);

0 3-1 jQuery交互代码组织方式

2016-11-20

weibo_丝瓜不信眼泪_03692956

讲的挺好的，不懂就多听几遍。

8 3-2 jQuery交互初始化操作的实现

2016-11-18

烈日当空0707

https://github.com/cy0707/about_javascript/tree/master/cusScrollBar 这个是完整的代码。
还有根据这问课程的总结 https://github.com/cy0707/about_javascript/issues/29
还有浏览器的尺寸的文章总结 https://github.com/cy0707/about_javascript/issues/17
希望大家一起交流

10 3-3 拖动滑块内容滚动的思路

2016-11-18

慕丝5863521

.scroll-wrap .scroll-cont{
width:100%;
height:100%;
overflow: hidden;
padding:0 15px;
}
加一个height和overflow 效果调试出来，为了这2行代码，调试了一个多小时，希望不要有人跟我犯一样的错误

1 3-4 拖动滑块内容滚动的实现

2016-11-18

烈日当空0707

对于内容不够的时候，那段js。其实有时候你不知有多少内容，加起来很麻烦的。可以通过CSS设置.scroll-ol {
min-height: 100%;
}
这样不需要矫正元素和那段js

0 3-6 切换标签定文章功能的实现

2016-11-18

烈日当空0707

总感觉CSS是不是没写对。

0 3-4 拖动滑块内容滚动的实现

2016-11-18

烈日当空0707

getMaxScrollPosition: function() {
var self = this;
console.log(self.$cont.height()); //300
console.log(self.$cont[0].scrollHeight); //300
return Math.max(self.$cont.height(), self.$cont[0].scrollHeight) - self.$cont.height();

},

1 3-4 拖动滑块内容滚动的实现

2016-11-18

烈日当空0707

dragContBarRate = self.getMaxScrollPosition()/self.getMaxSliderPosition();这个结果为0

0 2-3 讲解流动区域样式

2016-11-18

jojo雨

要一起加油哟，好哒 (●’◡’●)ﾉ

0 2-1 讲解HTML结构

2016-11-17

大董你能行

简单分析下老师写这些的原理。
function CusScrollBar(options){} 和CusScrollBar.prototype._init=function() 这个是采用了面向对象中的（组合构造函数和原型模式）的方法；
通过function CusScrollBar(options){} 传参让每个实例有自己的属性；CusScrollBar.prototype._init 是原型，来确保所有实例都共享的方法

2 3-1 jQuery交互代码组织方式

2016-11-17

倚窗听星语

1.5倍刚刚好

1 2-2 讲解标签区域样式

2016-11-15

首页上一页 9 10 11 12 13 14 15 下一页尾页

开始学习

课程须知: 学习本课程，您要具备以下知识： 1.了解CSS和HTML 2.JavaScript基础知识 3.jQuery的基础使用

老师告诉你能学到什么？: 1.自定义滚动条的组件 2.鼠标拖动事件的处理 3.鼠标滚轮事件的处理

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery实现自定义滚动条