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

键盘压缩背景,ios滚动不流畅,禁止遮罩层下面内容滚动

上一篇:jquery: 上传文件


下一篇:小谢第37问:关于websocket推送进度,本地保存进度条,然后跳出页面进入后再显示的问题