1.<!--防止軟鍵盤壓縮頁面背景圖片--> <script> const bodyHeight = document.documentElement.clientHeight const container = document.getElementById('container'); container.style.height = bodyHeight + 'px' </script> 2.input 焦點顏色 input.custom { caret-color: red; }

3.ios滾動不流暢
-webkit-overflow-scrolling : touch; 4.遮罩層下面的內容不滾動
// 禁止滑動 .　　　　　　modal-open{ position: fixed; width: 100%; height:100%; } 5.禁止頁面中的圖片，點擊成為單張的圖片
pointer-events:none;

轉載于:https://www.cnblogs.com/zyt-it/p/10716056.html

總結

以上是生活随笔為你收集整理的键盘压缩背景，ios滚动不流畅，禁止遮罩层下面内容滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。