完成了多选框功能，点击查询，表格中无数据显示（数据库中无数据），表格的
高度出现了变化
，导致Windows下谷歌浏览器页面出现
自动适配
，y轴就会出现一个滚动条。再次点击多选框，页面y轴就会在
出现滚动条<--->滚动条消失
之间转换，所以页面就会抖动
注意：在macOS苹果的系统下，不会出现这个问题，除非手动把浏览器页面拉到非常非常小
在前端页面，样式顶层，添加这个样式。如果是jsp，建议在body标签中添加。如果是vue，在App.vue中添加，如
<div id="app" style="overflow-y:auto">
关于overflow-y 属性
overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。
提示：使用
overflow-x
属性来确定对左/右边缘的裁剪。
|
默认值：
|
visible
|
|
继承性：
|
no
|
|
版本：
|
CSS3
|
|
JavaScript 语法：
|
object
.style.overflowY="scroll"
|
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
|
值
|
描述
|
|
visible
|
不裁剪内容，可能会显示在内容框之外。
|
|
hidden
|
裁剪内容 - 不提供滚动机制。
|
|
scroll
|
裁剪内容 - 提供滚动机制。
|
|
auto
|
如果溢出框，则应该提供滚动机制。
|
|
no-display
|
如果内容不适合内容框，则删除整个框。
|
|
no-content
|
如果内容不适合内容框，则隐藏整个内容。
|
情景再现完成了多选框功能，点击查询，表格中无数据显示（数据库中无数据），表格的高度出现了变化，导致Windows下谷歌浏览器页面出现自动适配，y轴就会出现一个滚动条。再次点击多选框，页面y轴就会在出现滚动条<--->滚动条消失之间转换，所以页面就会抖动注意：在macOS苹果的系统下，不会出现这个问题，除非手动把浏览器页面拉到非常非常小解决办法在前端页面，样式顶层，添加这...
import { createApp } from '
vue
'
import
Vue
A11yDialog from '
vue
-a11y-dialog'
import App from './App.
vue
'
createApp ( App ) . use (
Vue
A11yDialog ) . mount (
接手之前老项目 修改为el-scrollbar组件 但是height:100%以及
overflow
:hidden设置，影响到监听 $(window).scrollTop()值显示回到顶部按钮，并且影响到路由跳转
页面
跳转时 新
页面
定位在
页面
顶部功能，bug更多了，面向百度编程后发现一大神解决方法：
找到”main.js“，入口文件，
element ui 已经引入，配置一下，如下值：
import ElementUI from ‘element-ui’;
ElementUI.Dialog.props.lock
在做消息的项目，当有新消息的时候让新消息
出现
在最底部，此时的box用的是
overflow
:auto
注：
vue
项目需要注意在dom结构渲染完再进行操作
<ul class="box" ref="chatContent">
<li v-for='item,index in direction' :class='item'>
<span class...
使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。
touch
使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
当
页面
的内容高度大于屏幕（视口）的高度的时候就会
出现
外侧
滚动条
解决：不给定父元素高度以及取消
overflow
：hidden
为了兼容响应式 背景一直都为设定背景 可以将背景设置在html标签中 注意的是：此时就不能加scoped属性了
overflow
外边距（margin）的折叠
父子元素相邻外边距，子元素的margin会传递到父元素上（上外边距）
初步解决：
不让他们相邻 加边框
父元素用padding-top同时还得减去父元素的高度
优化解决：
