亚洲伊人番号网,偷拍国内女厕所在线久草

首頁免費課瀑布流布局問答

瀑布流布局

                
                Amy
            
                    查看講師更多課程 
                    Amy講師的其他課程
                
CSS3實現漂亮ToolTips效果
初級·42720
免費課程
                                
css3實現網頁平滑過渡效果
初級·54370
免費課程
                                
CSS3實現“圖片陰影”效果
初級·34771
免費課程
                                
Tab選項卡切換效果
初級·65466
免費課程
                                
DOM事件探秘
中級·99534
免費課程
                                
                難度初級
            
                時長 2小時 0分
            
                學習人數
            
綜合評分9.63
                            324人評價
                        查看評價
                                9.8
                                內容實用
                            
                                9.6
                                簡潔易懂
                            
                                9.5
                                邏輯清晰

全部評論問答未解決精華

培根熏肉

腦筋急轉彎：
clientWidth÷boxWidth=cols
為什么cols*boxWidth≠clientWidth

0 2-3 JavaScript實現瀑布流布局中圖片定位

2017-07-06

幾核

@褪色的自行車按照老師寫的"得出最小列數的函數"，是當找到第一個與最小高度相匹配的索引時就直接返回當前索引，所以當第一列有兩張高度都為Height的圖片時，第七張圖片應出現在第一個高度為Height的圖片下。

0 2-5 onscroll事件實現瀑布流布局的圖片加載功能

2017-07-05

暮女神

對,ie9+瀏覽器才支持getByClassName,順便說一句,getById的查找效率要比getByClass的高

5 2-3 JavaScript實現瀑布流布局中圖片定位

2017-07-05

暮女神

老師為什么把jpg讀成鉤pg

3 2-1 HTML CSS實現瀑布流布局頁面結構

2017-07-05

你這么漂亮我要撩你

老師講的贊一個，不過就是這個是無限加載的，望解決

0 3-2 jQuery實現瀑布流布局的圖片加載功能

2017-07-02

我這樣一加載更多的時候，圖片就全飛了。請大神指教

已采納回答 / 暮女神

圖片全飛出去的原因是你又把所有的pin遍歷了一遍并重新排列,要解決的話需要加個判斷,或者重寫個函數waterfall2目的是只排列json中的圖片,例如這樣寫:<...code...>num是為了儲存原來圖片的個數,所以在waterfall()函數中也應聲明num=$pins.length;這樣就能解決了,不過這樣的體驗并不好,不如不加動畫直接渲染出來.而且你這個代碼的bug還是太多,比如在圖片排列時如果滑動滾動條就會有多組json圖片堆疊,

4 回答 2182 瀏覽 5-2 編程挑戰

2017-06-30

qq_說七年就七年_0

你們都知道的東西,老師能不知道？真笑了,看一群菜逼秀自動不全2333333

2 2-1 HTML CSS實現瀑布流布局頁面結構

2017-06-30

weibo_和諧_漢子_0

apply的用法就是改變當前函數的作用域，改變的是調用這個方法的函數的this值。類似的方法還有bind(),call()；主要傳的參數和返回值的區別。不明白這個方法，可以對數組進行升序排序，取第一個，就是最小的，也可以。

1 2-4 JavaScript實現瀑布流布局中圖片排序

2017-06-29

定義數組情況

最新回答 / 慕尼黑6271757

是第一列圖像里面高度最小的那個圖像的高度

1 回答 745 瀏覽 2-4 JavaScript實現瀑布流布局中圖片排序

2017-06-28

LittleBocchi

@奇遇但是indexOf有兼容性問題，需要IE9+

5 2-4 JavaScript實現瀑布流布局中圖片排序

2017-06-21

深入web前端

2倍很舒服，求繼續出版課程

1 2-1 HTML CSS實現瀑布流布局頁面結構

2017-06-21

不明真相的吃瓜群眾

66666

2017-06-18

LittleBocchi

@bchao314 getElementsByClassName方法兼容性比較差，IE9以下不支持，可以寫一個類似的方法代替getElementsByClassName

2 2-3 JavaScript實現瀑布流布局中圖片定位

2017-06-18

qq_別來無恙

這個老師講的真好

1 2-4 JavaScript實現瀑布流布局中圖片排序

2017-06-16

當條目排到第三行的時候，位置就出現了錯誤。下面是腳本,我寫的意思跟老師是一模一樣的，請大神指教

已采納回答 / 慕粉1711228114

??var obj = boxs[index];? var left = obj.offsetLeft;?var height1 = obj.offsetHeight;hArr[index]+=height1;貌似height1應該是boxs[i].offsetHeight才對，boxs[index].offsetHeight求的始終是第一行的索引為index的值

1 回答 1346 瀏覽 2-4 JavaScript實現瀑布流布局中圖片排序

2017-06-16