最近2018中文字幕2019视频,伊人一区

首頁(yè) 免費(fèi)課 jQuery實(shí)現(xiàn)自定義滾動(dòng)條問答

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

                
                奇舞團(tuán)
            Web前端工程師

                    查看講師更多課程 
                    奇舞團(tuán)講師的其他課程
                
全屏切換效果
中級(jí)·85457
免費(fèi)課程
                                
數(shù)學(xué)知識(shí)在CSS動(dòng)畫中的應(yīng)用
初級(jí)·39127
免費(fèi)課程
                                
                難度中級(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
                                邏輯清晰

全部評(píng)論問答未解決精華

安承

上面聽0.5倍那哥們，我服你。

1 3-3 拖動(dòng)滑塊內(nèi)容滾動(dòng)的思路

2016-11-23

qq_日月晨汐_0

雖然都聽懂了，但要?jiǎng)邮纸M織起來，還是很有難度，還是慢慢跟著步驟來敲，視頻不好之外是跳動(dòng)性太大，有點(diǎn)跟不上節(jié)奏，無論是對(duì)新手還是有一定面向?qū)ο蠡A(chǔ)的人來說，還是有點(diǎn)難度的，還有就是命名，不夠準(zhǔn)確，對(duì)于不懂面向?qū)ο蟮娜藖碚f，估計(jì)聽著就睡著了，雖然基礎(chǔ)很不錯(cuò)，但一直以來都敲不出這樣的有組織性的邏輯代碼來，原來是我還不會(huì)代碼組織方式，看來以后得多實(shí)踐敲代碼了。

1 4-1 jQuery課程總結(jié)

2016-11-22

倔脾氣3922001

表示后面的看不懂了

0 3-3 拖動(dòng)滑塊內(nèi)容滾動(dòng)的思路

2016-11-21

qq_Whatthehell_1

被干掉了？？？？？6666666

0 2-2 講解標(biāo)簽區(qū)域樣式

2016-11-20

Churjan

那個(gè)寫了很多代碼說沒彈出來的同學(xué)，你寫錯(cuò)了。
this._init=opt; 應(yīng)該為 this._init(opt);

0 3-1 jQuery交互代碼組織方式

2016-11-20

weibo_絲瓜不信眼淚_03692956

講的挺好的，不懂就多聽?zhēng)妆椤?/div>

8 3-2 jQuery交互初始化操作的實(shí)現(xiàn)

2016-11-18

烈日當(dāng)空0707

https://github.com/cy0707/about_javascript/tree/master/cusScrollBar 這個(gè)是完整的代碼。
還有根據(jù)這問課程的總結(jié) https://github.com/cy0707/about_javascript/issues/29
還有瀏覽器的尺寸的文章總結(jié) https://github.com/cy0707/about_javascript/issues/17
希望大家一起交流

10 3-3 拖動(dòng)滑塊內(nèi)容滾動(dòng)的思路

2016-11-18

慕絲5863521

.scroll-wrap .scroll-cont{
width:100%;
height:100%;
overflow: hidden;
padding:0 15px;
}
加一個(gè)height和overflow 效果調(diào)試出來，為了這2行代碼，調(diào)試了一個(gè)多小時(shí)，希望不要有人跟我犯一樣的錯(cuò)誤

1 3-4 拖動(dòng)滑塊內(nèi)容滾動(dòng)的實(shí)現(xiàn)

2016-11-18

烈日當(dāng)空0707

對(duì)于內(nèi)容不夠的時(shí)候，那段js。其實(shí)有時(shí)候你不知有多少內(nèi)容，加起來很麻煩的?？梢酝ㄟ^CSS設(shè)置.scroll-ol {
min-height: 100%;
}
這樣不需要矯正元素和那段js

0 3-6 切換標(biāo)簽定文章功能的實(shí)現(xiàn)

2016-11-18

烈日當(dāng)空0707

總感覺CSS是不是沒寫對(duì)。

0 3-4 拖動(dòng)滑塊內(nèi)容滾動(dòng)的實(shí)現(xiàn)

2016-11-18

烈日當(dāng)空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 拖動(dòng)滑塊內(nèi)容滾動(dòng)的實(shí)現(xiàn)

2016-11-18

烈日當(dāng)空0707

dragContBarRate = self.getMaxScrollPosition()/self.getMaxSliderPosition();這個(gè)結(jié)果為0

0 2-3 講解流動(dòng)區(qū)域樣式

2016-11-18

jojo雨

要一起加油喲，好噠 (●’?’●)?

0 2-1 講解HTML結(jié)構(gòu)

2016-11-17

大董你能行

簡(jiǎn)單分析下老師寫這些的原理。
function CusScrollBar(options){} 和CusScrollBar.prototype._init=function() 這個(gè)是采用了面向?qū)ο笾械模ńM合構(gòu)造函數(shù)和原型模式）的方法；
通過function CusScrollBar(options){} 傳參讓每個(gè)實(shí)例有自己的屬性；CusScrollBar.prototype._init 是原型，來確保所有實(shí)例都共享的方法

2 3-1 jQuery交互代碼組織方式

2016-11-17