vue overflow

在Vue中，可以使用`overflow`属性来控制元素的溢出情况。该属性有以下几个属性值可选：`visible`、`hidden`、`scroll`、`auto`、`no-display`和`no-content`。其中，`overflow-y`属性用于控制元素在垂直方向的溢出情况。比如，设置`overflow-y: scroll`可以在内容溢出时显示垂直滚动条，而设置`overflow-y: hidden`则会隐藏溢出的内容，不提供滚动机制。

在Vue中，可以在组件的样式中添加`overflow-y: scroll`或者`overflow-y: auto`属性，以控制组件的垂直滚动条的显示与隐藏。比如，在App.vue组件中添加`<div id="app" style="overflow-y: auto">`可以使组件在内容溢出时显示垂直滚动条，并根据内容的高度自动调整滚动条的显示与隐藏。

需要注意的是，在macOS苹果的系统中，默认情况下滚动条是隐藏的，只有在使用时才会显示。如果想要在macOS系统中始终显示滚动条，可以在样式中添加`overflow-y: scroll`属性。

另外，需要注意的是，`overflow-y`属性是CSS3的属性，并且不具有继承性。可以通过JavaScript的方式来设置该属性，比如`object.style.overflowY="scroll"`。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [CSS 布局 - Overflow](https://blog.csdn.net/qq_44336097/article/details/115868517)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [vue样式问题overflow-y：点击之后页面抖动，y轴出现滚动条](https://blog.csdn.net/qq_36688143/article/details/101512320)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]