在有的網(wǎng)站詳情頁（產(chǎn)品或案例）中，有時要實現(xiàn)的效果是主體內(nèi)容左右布局，左側(cè)是一張或多張圖片組成的圖片集，右側(cè)是文字介紹（或者是其他內(nèi)容），當滾動滾動條時圖片集跟隨滾動條往下滾動展示，右側(cè)文字始終懸浮在瀏覽器的右側(cè)不動，高度限制在瀏覽器一屏的高度之內(nèi)，里面的文字超出限制的高度時，讓它超出隱藏滑動顯示;滾動條滾動時右側(cè)里面文字介紹也跟隨滾動，當滾動條滾動到右側(cè)圖片集底部時，右側(cè)文字內(nèi)容跟隨著一起隱藏。
效果如下圖：

1.進入詳情頁時：

2. 滾動滾動條往下瀏覽時：

3. 當滾動條滾動到右側(cè)圖片集底部時：

   html如圖：
1. 左側(cè)圖片集：

2. 右側(cè)文字內(nèi)容：

css代碼我就不發(fā)出來了,主要是運用了js。
Js如圖：

具體的可以看圖片里的注釋。