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

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

jQuery实现自定义滚动条

                
                奇舞团
            Web前端工程师

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

全部评论问答未解决精华

虹虹_0001

鼠标移动到滚动条上面，滚动滚轮，内容跟滚动条是没法滚动的，self.$cont.on 改成self.$cont.parent().on 就可以了

1 3-5 鼠标滚轮控制文章滚动功能的实现

2016-09-30

虹虹_0001

varcontHeight=this.$cont[0].scrollHeight,contParentHeight=this.$cont.parent().height(),barHeight=this.$bar[0].scrollHeight;var sliderHeight = (contParentHeight*barHeight)/contHeight;if(contHeight <= contParentHeight){ return;}else{ this.$slider.css("height",sliderHeight + "px");}

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

2016-09-29

虹虹_0001

滑块的高度不能固定死，要随内容的多少来自动伸缩。初始化的时候可以增加代码：

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

2016-09-29

qq_都是月亮惹的祸_03990689

...........评论多久没更新了

0 1-1 jQuery课程内容和目标

2016-09-28

AcerYyzy

基本按照老师的代码实现了功能感觉有些地方太累赘了。。可能是我理解的问题吧

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

2016-09-28

AcerYyzy

求解：Chrome 的div.scrollTop无法修改如何解决

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

2016-09-27

AcerYyzy

想看源码啊老师

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

2016-09-27

AcerYyzy

真的，很多地方的细节逻辑没讲清楚，比如获得移动距离的算法就一笔带过了，不仔细看真看不懂，建议给出源码！！！

2016-09-27

用户1151928

讲的挺不错的

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

2016-09-26

qq_旭日东升_1

老师好声音温柔啊,都没有心情听课了.怎么办?

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

2016-09-25

慕粉3782079

好吧，原型自己还没懂，下回来看

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

2016-09-24

善始者实凡

到这里，视频代码本身还是比较完整的。老师讲的很好。一直一个人搞，很明白一个人的难处。说下我的心得：不出效果的原因：
1.源码给contSelector传参错了 .scroll-cont
2.mousemoveHandler函数中self.scrollTo((e.pageY - dragStartPagePosition) * dragContBarRate);里面参数多了个dragStartPagePosition+
3.第二次滚动会出现，滚动条直接到顶部然后向下滚动的情况，需要自己完善。
有兴趣一起讨论的，加关注互粉。相互学习。

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

2016-09-24

善始者实凡

不错不错不错

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

2016-09-23

拜仁慕尼黑

方法是不错，但是老师讲课有点生硬，不易理解。

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

2016-09-22

慕粉3846633

这老师说话怎么跟机器人似得，两个字两个字的说，完了还有停顿！真是日了狗了

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

2016-09-22

首页上一页 13 14 15 16 17 18 19 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

jQuery实现自定义滚动条