方法一: ::v-deep .el-dialog .el-dialog-body{height:500px;overflow-y:auto;} 如果要设置动态的高度话,则要在setup里面设置 exportdefaultdefineComponent({ setup:{ const cssContent=ref({height:'100%',overflowY:''}) const init=()=>{ cssContent.value.height='500px'cssContent.value.overflowY='auto...
constscrollContainer =ref(null); consthandleScroll= () => { if(scrollContainer.value.scrollTop===0) { return; } if(scrollContainer.value.scrollTop+ scrollContainer.value.clientHeight>= scrollContainer.value.scrollHeight) { console.log('output-> scrollContainer.value.scrollTop:: ', scrollCon...
overflow: auto; &::-webkit-scrollbar { width: 8; height: 8px; } } .cus-scroll-x { overflow-x: auto; &::-webkit-scrollbar { width: 0; height: 8px; } } .cus-scroll-y { overflow-y: auto; &::-webkit-scrollbar { width: 8px; height: 0; } } .cus-scroll, .cus-scroll-x...
overflow-y: auto; height: 400px; /* 设定固定高度 */ border: 1px solid #ddd; position: relative; } .virtual-list-content { position: relative; } .virtual-list-item { box-sizing: border-box; border-bottom: 1px solid #f0f0f0; line-height: 30px; /* 与 itemHeight 相同 */ padding: ...
overflow-y: auto; // 👈 } 你内部已经有一个.container的容器了,完全可以把.van-popup的overflow-y修改成visible。也就是给你的.container_pop类上设置overflow-y:visible 应该是哪里设置了溢出隐藏 1、重置掉溢出隐藏的设置 2、两个背景图都整体下移,弹出框上方使用padding等进行留白 ...
transitionName.value = toIndex < fromIndex ? 'slide-right' : 'slide-left' console.log(transitionName.value) isname.value = to.name }) return { transitionName, isname } } } #router { height: calc(100vh - 50px); overflow-y: auto; } .slide-right-enter-active, .slide-right-leave...
overflow-x: hidden; overflow-y: auto; } .mainbody { max-width: 100%; background-size: contain; padding-bottom: 100px; } .info { display: flex; margin: 10px 3%; } .content-question { color: #0b4eb4; background-color: #ffffff; ...
.wrapper {position: absolute;left: 0;top: 0;bottom: 0.5rem;right: 0;padding: 0 0.18rem;overflow-y: auto;}复制代码 如果在其他组件也定义了一个wrapper的类名,并写了样式,那页面上会怎么呈现出来呢? {{item.title}}复制代码 tabbar组件中添加了一个wrapper类名 .wrapper {background-color: red;}复...
给div绑定事件,设置height: 100%; overflow-y: scroll; {{ }}.article-columns{@applyh-[100%] overflow-y-scroll;scroll-behavior:smooth;} 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 创建监听方法 constcheight=ref(2)constxxxRef:any=ref(0)asyncfunctionscrollEvent...
{ dataSource, columns, scrollY, cellHeight } = props return ( {tableHeaders.value.map((header) => ( {header} ))} {/* 表格内容上方插入空白元素 */} {/* 表格实际渲染内容 */} {tableData.value.map((item) => (