在做小程序的過程中，用到了滾動(dòng)區(qū)域，比如商品列表和購物車等，包括以后其他項(xiàng)目也會(huì)遇到類似問題，這里我統(tǒng)一規(guī)范一下以后自己項(xiàng)目的一個(gè)布局。

1. 垂直滾動(dòng)

1. 如果頁面存在滾動(dòng)，且窗口不需要滾動(dòng)，那么頁面布局使用計(jì)算屬性來鋪滿頁面，不要使用position: fixed;來實(shí)現(xiàn)一些功能！

? ? ? ? 這樣做的好處是：

????????1.避免滾動(dòng)條會(huì)延展到非滾動(dòng)區(qū)域，滾動(dòng)條的精度也更加精確

????????2.避免出現(xiàn)奇怪的現(xiàn)象，如果滾動(dòng)區(qū)域內(nèi)有下拉、輸入框，有時(shí)候會(huì)飄在最上面

? ? ? ? 3.用scrollIntoView來滾動(dòng)到某一個(gè)元素的時(shí)候，該元素可能會(huì)被Fixed的元素?fù)踝?/p>

????????b.如果頁面存在滾動(dòng)，且窗口需要滾動(dòng)，這種滾動(dòng)區(qū)域一般要設(shè)定具體高度，并設(shè)置外層overflow:hidden；

2.水平滾動(dòng)

? ? 設(shè)置高度和寬度，并且overflow:hidden；