亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

jQuery實現自定義滾動條

難度中級
時長 1小時 3分
學習人數
綜合評分8.73
101人評價 查看評價
9.2 內容實用
8.4 簡潔易懂
8.6 邏輯清晰
上面聽0.5倍那哥們,我服你。
雖然都聽懂了,但要動手組織起來,還是很有難度,還是慢慢跟著步驟來敲,視頻不好之外是跳動性太大,有點跟不上節奏,無論是對新手還是有一定面向對象基礎的人來說,還是有點難度的,還有就是命名,不夠準確,對于不懂面向對象的人來說,估計聽著就睡著了,雖然基礎很不錯,但一直以來都敲不出這樣的有組織性的邏輯代碼來,原來是我還不會代碼組織方式,看來以后得多實踐敲代碼了。
表示 后面的 看不懂 了
被干掉了?????6666666
那個寫了很多代碼說沒彈出來的同學,你寫錯了。
this._init=opt; 應該為 this._init(opt);
講的挺好的,不懂就多聽幾遍。
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
希望大家一起交流
.scroll-wrap .scroll-cont{
width:100%;
height:100%;
overflow: hidden;
padding:0 15px;
}
加一個height和overflow 效果調試出來,為了這2行代碼,調試了一個多小時,希望不要有人跟我犯一樣的錯誤
對于內容不夠的時候,那段js。其實有時候你不知有多少內容,加起來很麻煩的??梢酝ㄟ^CSS設置.scroll-ol {
min-height: 100%;
}
這樣不需要矯正元素和那段js
總感覺CSS是不是沒寫對。
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();

},
dragContBarRate = self.getMaxScrollPosition()/self.getMaxSliderPosition();這個結果為0
要一起加油喲,好噠 (●’?’●)?
簡單分析下老師寫這些的原理。
function CusScrollBar(options){} 和CusScrollBar.prototype._init=function() 這個是采用了面向對象中的(組合構造函數和原型模式)的方法;
通過function CusScrollBar(options){} 傳參讓每個實例有自己的屬性;CusScrollBar.prototype._init 是原型,來確保所有實例都共享的方法
課程須知
學習本課程,您要具備以下知識: 1.了解CSS和HTML 2.JavaScript基礎知識 3.jQuery的基礎使用
老師告訴你能學到什么?
1.自定義滾動條的組件 2.鼠標拖動事件的處理 3.鼠標滾輪事件的處理

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消