综合人妻久久一区二区精品,国产成人久久av免费看

首頁免費(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í)長 1小時(shí) 3分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分8.73
                            101人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.2
                                內(nèi)容實(shí)用
                            
                                8.4
                                簡潔易懂
                            
                                8.6
                                邏輯清晰

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

虹虹_0001

鼠標(biāo)移動(dòng)到滾動(dòng)條上面，滾動(dòng)滾輪，內(nèi)容跟滾動(dòng)條是沒法滾動(dòng)的，self.$cont.on 改成self.$cont.parent().on 就可以了

1 3-5 鼠標(biāo)滾輪控制文章滾動(dòng)功能的實(shí)現(xiàn)

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

2016-09-29

虹虹_0001

滑塊的高度不能固定死，要隨內(nèi)容的多少來自動(dòng)伸縮。初始化的時(shí)候可以增加代碼：

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

2016-09-29

qq_都是月亮惹的禍_03990689

...........評(píng)論多久沒更新了

0 1-1 jQuery課程內(nèi)容和目標(biāo)

2016-09-28

AcerYyzy

基本按照老師的代碼實(shí)現(xiàn)了功能感覺有些地方太累贅了。?？赡苁俏依斫獾膯栴}吧

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

2016-09-28

AcerYyzy

求解：Chrome 的div.scrollTop無法修改如何解決

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

2016-09-27

AcerYyzy

想看源碼啊老師

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

2016-09-27

AcerYyzy

真的，很多地方的細(xì)節(jié)邏輯沒講清楚，比如獲得移動(dòng)距離的算法就一筆帶過了，不仔細(xì)看真看不懂，建議給出源碼?。?！

2016-09-27

用戶1151928

講的挺不錯(cuò)的

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

2016-09-26

qq_旭日東升_1

老師好聲音溫柔啊,都沒有心情聽課了.怎么辦?

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

2016-09-25

慕粉3782079

好吧，原型自己還沒懂，下回來看

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

2016-09-24

善始者實(shí)凡

到這里，視頻代碼本身還是比較完整的。老師講的很好。一直一個(gè)人搞，很明白一個(gè)人的難處。說下我的心得：不出效果的原因：
1.源碼給contSelector傳參錯(cuò)了 .scroll-cont
2.mousemoveHandler函數(shù)中self.scrollTo((e.pageY - dragStartPagePosition) * dragContBarRate);里面參數(shù)多了個(gè)dragStartPagePosition+
3.第二次滾動(dòng)會(huì)出現(xiàn)，滾動(dòng)條直接到頂部然后向下滾動(dòng)的情況，需要自己完善。
有興趣一起討論的，加關(guān)注互粉。相互學(xué)習(xí)。

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

2016-09-24

善始者實(shí)凡

不錯(cuò) 不錯(cuò) 不錯(cuò)

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

2016-09-23