第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

jQuery實(shí)現(xiàn)自定義滾動(dòng)條

難度中級(jí)
時(shí)長(zhǎng) 1小時(shí) 3分
學(xué)習(xí)人數(shù)
綜合評(píng)分8.73
101人評(píng)價(jià) 查看評(píng)價(jià)
9.2 內(nèi)容實(shí)用
8.4 簡(jiǎn)潔易懂
8.6 邏輯清晰
被干掉了?????6666666
那個(gè)寫了很多代碼說(shuō)沒(méi)彈出來(lái)的同學(xué),你寫錯(cuò)了。
this._init=opt; 應(yīng)該為 this._init(opt);
講的挺好的,不懂就多聽(tīng)?zhēng)妆椤?/div>
https://github.com/cy0707/about_javascript/tree/master/cusScrollBar 這個(gè)是完整的代碼。
還有根據(jù)這問(wèn)課程的總結(jié) https://github.com/cy0707/about_javascript/issues/29
還有瀏覽器的尺寸的文章總結(jié) https://github.com/cy0707/about_javascript/issues/17
希望大家一起交流
.scroll-wrap .scroll-cont{
width:100%;
height:100%;
overflow: hidden;
padding:0 15px;
}
加一個(gè)height和overflow 效果調(diào)試出來(lái),為了這2行代碼,調(diào)試了一個(gè)多小時(shí),希望不要有人跟我犯一樣的錯(cuò)誤
對(duì)于內(nèi)容不夠的時(shí)候,那段js。其實(shí)有時(shí)候你不知有多少內(nèi)容,加起來(lái)很麻煩的??梢酝ㄟ^(guò)CSS設(shè)置.scroll-ol {
min-height: 100%;
}
這樣不需要矯正元素和那段js
總感覺(jué)CSS是不是沒(méi)寫對(duì)。
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();這個(gè)結(jié)果為0
要一起加油喲,好噠 (●’?’●)?
簡(jiǎn)單分析下老師寫這些的原理。
function CusScrollBar(options){} 和CusScrollBar.prototype._init=function() 這個(gè)是采用了面向?qū)ο笾械模ńM合構(gòu)造函數(shù)和原型模式)的方法;
通過(guò)function CusScrollBar(options){} 傳參讓每個(gè)實(shí)例有自己的屬性;CusScrollBar.prototype._init 是原型,來(lái)確保所有實(shí)例都共享的方法
我能說(shuō)我聽(tīng)著聽(tīng)著睡著了嗎,哈哈!不過(guò)老師講的確實(shí)很好,沒(méi)想到j(luò)Query竟然還有這么復(fù)雜......
課程須知
學(xué)習(xí)本課程,您要具備以下知識(shí): 1.了解CSS和HTML 2.JavaScript基礎(chǔ)知識(shí) 3.jQuery的基礎(chǔ)使用
老師告訴你能學(xué)到什么?
1.自定義滾動(dòng)條的組件 2.鼠標(biāo)拖動(dòng)事件的處理 3.鼠標(biāo)滾輪事件的處理

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

友情提示:

您好,此課程屬于遷移課程,您已購(gòu)買該課程,無(wú)需重復(fù)購(gòu)買,感謝您對(duì)慕課網(wǎng)的支持!

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消