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

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

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

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

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

相关文章
|
9天前
|
编解码
使用媒体查询动态调整文字大小
【10月更文挑战第24天】通过使用媒体查询动态调整文字大小,我们可以更好地适应不同的屏幕环境,为用户提供更舒适的阅读体验。
|
6天前
在使用 Flexbox 布局实现自适应宽度的品字布局时,子元素的排列顺序是否可以调整?
【10月更文挑战第27天】使用Flexbox布局实现自适应宽度的品字布局时,可以通过调整HTML结构中的顺序或使用 `order` 属性来灵活地调整子元素的排列顺序,以满足不同的设计和布局需求。
|
4月前
|
前端开发
移动端的技术选项,流式布局就是宽度给百分比,流式布局为了防止无限制缩小,要加最小宽度
移动端的技术选项,流式布局就是宽度给百分比,流式布局为了防止无限制缩小,要加最小宽度
|
4月前
div高度填满浏览器剩余空间(不出现纵向滚动条)
div高度填满浏览器剩余空间(不出现纵向滚动条)
42 0
|
6月前
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
使用SDAutoLayout实现控件根据内容进行宽度自适应和高度自适应
101 2
元素去掉滚动条,保留滚动功能
元素去掉滚动条,保留滚动功能
108 0
|
前端开发
css给超出内容设置滚动条和去除滚动条显示:
css给超出内容设置滚动条和去除滚动条显示:
200 0
|
编解码 前端开发
前端设置页面字体尺寸跟随屏幕大小而进行变化
前端设置页面字体尺寸跟随屏幕大小而进行变化
635 0
前端设置页面字体尺寸跟随屏幕大小而进行变化
|
编解码 前端开发 UED
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
每日学一点加强技术水平,夯实基础。 阅读这篇文章,一起学习rem布局吧。
395 0
每日一学—设置页面文字大小随屏幕大小变化而变化(rem布局)
|
XML 数据格式 Android开发
BottomSheetDialog 使用详解,设置圆角、固定高度、默认全屏等
BottomSheetDialog 使用详解,设置圆角、固定高度、默认全屏等
1191 0
BottomSheetDialog 使用详解,设置圆角、固定高度、默认全屏等