键盘压缩背景，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;