鍵盤壓縮背景，ios滾動不流暢，禁止遮罩層下面內容滾動

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;