在開發中，遇到這樣一個問題。一個頁面中有list列表，可滑動，瀏覽器底部使用position:fixed;bottom:0;固定了一個按鈕。

但是當列表向下滾動之後，跳到下個頁面又返回，底部的元件會有短暫的先在上面，之後又恢復到正常瀏覽器底部。

正常紅框內容是在底部的。

其實原因也很簡單，只是出現了這種閃一下就恢復的問題，一時沒了頭緒。

關鍵就是，需要把滾動區域的高度固定，且不能是100%，給底部元件留足夠的高度。

.list {
    padding: 0 rem(15) rem(150) rem(15);//加下padding顯示更好
    -webkit-overflow-scrolling: touch;
    height: 60%;//高度調為小於100%
    overflow: scroll;
}
 

.bottom{
height:45%;//高度按自己需求調整
position: fixed;
bottom:0;
}