为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery实现自定义滚动条

难度中级
时长 1小时 3分
学习人数
综合评分8.73
101人评价 查看评价
9.2 内容实用
8.4 简洁易懂
8.6 逻辑清晰
其实我想说的是听不懂的很多是跟自身的知识层面有很大的关系,就像我每次听不懂时,我就会先搁置在哪,等过上一定的时间(在这段时间又充实了自己),再回头来看,发现这样效果真的好很多啦!所以更多的问题还是在自身,希望小伙伴们能正视一下这个问题,不要一味认为是老师的问题。
讲解的语气,语速,断句好像机器人嘞,老师!冒昧啦
jquery基础不好的我努力跟到这一节,完全不懂此章的内容
源码:https://github.com/Mqleaf/Practice-in-IMOOC/tree/master/1%20scrollbar
鼠标移动到滚动条上面,滚动滚轮,内容跟滚动条是没法滚动的,self.$cont.on 改成self.$cont.parent().on 就可以了
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");}
滑块的高度不能固定死,要随内容的多少来自动伸缩。初始化的时候可以增加代码:
...........评论多久没更新了
基本按照老师的代码实现了功能 感觉有些地方太累赘了。。可能是我理解的问题吧

最新回答 / 慕慕8048793
不清除会影响下面的效果
求解:Chrome 的div.scrollTop无法修改 如何解决
课程须知
学习本课程,您要具备以下知识: 1.了解CSS和HTML 2.JavaScript基础知识 3.jQuery的基础使用
老师告诉你能学到什么?
1.自定义滚动条的组件 2.鼠标拖动事件的处理 3.鼠标滚轮事件的处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消