鍍金池/ 問答/HTML/ 請問這兩種布局方式的優(yōu)劣？

請問這兩種布局方式的優(yōu)劣？

比如說在手機端有這樣一個非常常規(guī)的布局，頂部和底部的固定，中間為一個超過一屏的滾動內容。
一般來說對于這種結構的頁面，通常有兩種布局方式
（1）考慮到手機端對fixed支持的不太好，那么完全可以在最外層包裹一個寬高100%,絕對定位為的外層容器，在內部用abusolute把頂地分別固定在最上面和最下面，中間內容寬高100%，用padding留出頂和底的位置，overflow:scroll即可。

（2）另外一種則是在中間內容區(qū)域使用overflow:hidden;
然后使用js去記錄手指的滾動區(qū)域，然后動態(tài)改變translate3d的Y值。

請問各位前輩，從解決方案上來看，第二種明顯是比第一種復雜的，那么為什么很多網站反而選擇了第二種方案呢？第一種方案有什么缺陷嗎？
先謝過大家了~

回答
編輯回答
汐顏

啊有這兩種的區(qū)分么？
我個人覺得區(qū)分一般在中部的滾動區(qū)域怎么做吧。overflow:scroll有個不太好的副作用是性能可能會有點問題，還需要配合webkit屬性，但是如果是用js模擬滾動，那么這個問題就不存在了，并且也有現成輪子可以用，所以可能簡單點的需求用scroll+webkit，復雜點的就直接上js了。
布局其實簡單，一般header和footer都是定高，中間撐滿就是calc(100vh - 上下定高和)，相對定位都能搞的定。

2018年5月28日 17:58