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

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

jQuery实现自定义滚动条

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

qq_Whatthehell_1

被干掉了？？？？？6666666

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

2016-11-20

Churjan

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

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

2016-11-20

课讲的很好，能给一下源码码？

最赞回答 / 学之舟_36820

<...code...>

4 回答 1328 浏览 4-1 jQuery课程总结

2016-11-19

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