自定义视口高度,多余的部分使用滚动

简介: 自定义视口高度,多余的部分使用滚动

自定义视口高度,多余的部分使用滚动

<form style="height="600px">
    <scrollbar哈哈 class="scroll-container"></scrollbar哈哈>
</form>
<style>
    .scroll-container{
   
        height:300vh;
        overflow-x:hidden;
    }
</style>

如果是弹框里需要有滚动效果,我们就需要在内容上加高度,剩下的内容就会默认实现滚动,(因为弹框是不能定义高度的)

相关文章
|
19天前
Echarts图表设置x轴y轴均随滚轮滚动缩+放 区域缩放
Echarts图表设置x轴y轴均随滚轮滚动缩+放 区域缩放
|
9月前
你听我说-HandyControl调整样式色系
你听我说-HandyControl调整样式色系
168 0
|
9月前
|
前端开发 容器
使用css实现文字横向滚动循环
要实现文字横向滚动循环效果,可以使用 CSS 的动画和@keyframes关键帧来创建。下面是一个示例,演示如何使用 CSS 实现文字的横向滚动循环:
372 0
|
9月前
元素去掉滚动条,保留滚动功能
元素去掉滚动条,保留滚动功能
|
10月前
|
前端开发 容器
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
如何使用 CSS 来控制 img 标签在父元素中自适应宽度或高度,并按比例显示
304 1
|
11月前
|
前端开发
css给超出内容设置滚动条和去除滚动条显示:
css给超出内容设置滚动条和去除滚动条显示:
127 0
|
编解码 前端开发 UED
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
每日学一点加强技术水平,夯实基础。 阅读这篇文章,一起学习rem布局吧。
280 0
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
|
编解码 前端开发
前端设置页面字体尺寸跟随屏幕大小而进行变化
前端设置页面字体尺寸跟随屏幕大小而进行变化
489 0
前端设置页面字体尺寸跟随屏幕大小而进行变化