瀑布流又稱瀑布流式布局，是比較流行的一種網(wǎng)站頁面布局方式即多行等寬元素排列，后面的元素依次添加到其后，等寬不等高，根據(jù)圖片原比例縮放直至寬度達(dá)到我們的要求，依次按照規(guī)則放入指定位置瀑布流布局的核心是基于一個(gè)。

渲染每一個(gè)瀑布流塊 $#39#container#39htmlhtml ， error function alert#39加載失敗#39 初始化方法調(diào)用 #39#container#39infinitescroll navSelector quot#navigationquot。

瀏覽技巧 1點(diǎn)擊圖片放大 在百姓閣歐美貼圖中，圖片通常是縮略圖的形式展示但是，如果你想看清楚圖片的細(xì)節(jié)，可以點(diǎn)擊圖片放大放大后，你可以使用鼠標(biāo)滾輪或者按住圖片拖動(dòng)來查看更多內(nèi)容2使用瀑布流布局 百姓閣歐美貼圖。

這是流式布局，你可以找一下瀑布流，有很多現(xiàn)成的代碼具體是通過JS的計(jì)算和CSS來將內(nèi)容動(dòng)態(tài)布局。

適合數(shù)量少，聚焦度高，視覺沖擊力強(qiáng)的圖片展示6 瀑布流布局 優(yōu)點(diǎn) 瀑布流圖片展現(xiàn)具有吸引力瀑布流里的加載模式能獲得更多的內(nèi)容，容易沉浸其中瀑布流錯(cuò)落有致的設(shè)計(jì)巧妙利用視覺層級(jí)，同時(shí)視線任意流動(dòng)緩解視覺疲勞。

這里給大家整理了一份系統(tǒng)全面的前端學(xué)習(xí)路線，主要掌握以下技術(shù)第一階段專業(yè)核心基礎(chǔ) 階段目標(biāo)1 熟練掌握HTML5CSS3LessSass響應(yīng)書布局移動(dòng)端開發(fā)2 熟練運(yùn)用HTML+CSS特性完成頁面布局4 熟練應(yīng)用CSS3。

有瀏覽器差異性13 利用error事件捕獲來處理全局判斷，動(dòng)態(tài)添加的元素也可以最優(yōu)解可以監(jiān)聽到動(dòng)態(tài)產(chǎn)生的img標(biāo)簽14 利用插件imagesLoaded提供的方法來處理imagesLoaded主要用來在手機(jī)端瀑布流方式來加載圖片。