当前位置：首页 > article >正文

前端布局，y轴超出滚动、x轴超出展示方案

article 2024/10/22 9:42:36

想要实现布局效果，红区高度固定可滑动可收起。红区引用绿区组件。

一般会想到如下方案，红区样式：

width：200px;
height: 100%;
overflow-y: auto;
overflow-x: visible;

但是效果并不好，绿区直接隐藏了

最终采用布局方案

        红区
        width: 200px;
        height: 100%;
        overflow-y: auto;
        overflow-x: visible;
        黑区
        width: auto;
        height: 100%;
        overflow: hidden;
        display: flex;
        flex-direction: row;

createPortal 红绿区数据流动不受影响

createPortal(<div>绿区</div>,document.querySelector('黄区'))

查看全文

http://www.kler.cn/news/353667.html

全金属的两足机器人钢铁侠开发

[山河2024] week2

基于机器学习的心脏病风险评估预测系统

JavaScript获取array中相同key的平均值

基于SSM电子资源管理系统的设计

《计算机视觉》—— 疲劳检测

Android Gralde 新版aar依赖问题解决

滚雪球学Redis[4.2讲]：Redis Sentinel 深度解析：工作原理、配置与高可用架构下的故障转移

如何打开荣耀手机的调试模式？

Vue 3 的不同版本总结

自动化运维的研究与应用

Latex

高一全栈开发；国产 Arc 浏览器；Tauri 2.0 发布 | 生活周刊 #3

python实现录屏功能

甲方安全和乙方安全的区别

Git常用指令【精简版】

CodeActAgent ：Executable Code Actions Elicit Better LLM Agents解读

Meta新模型Dualformer：融合快慢思维，推理能力媲美人脑

Mamba学习笔记(2)—序列数据处理基础

相关文章：