Html 如何禁用body';在启用div'的同时滚动;什么是卷轴? .菜单{ 浮动:左; 宽度:50%; } .名单{ 浮动:对; 宽度:50%; }
如何禁用整个html的滚动。但是menu div和list div可以垂直滚动吗? 依赖地Html 如何禁用body';在启用div'的同时滚动;什么是卷轴? .菜单{ 浮动:左; 宽度:50%; } .名单{ 浮动:对; 宽度:50%; },html,css,Html,Css,如何禁用整个html的滚动。但是menu div和list div可以垂直滚动吗? 依赖地 我的意思是,当我滚动左分区时,右分区不必同时滚动。您需要防止在.container上垂直滚动。这可以通过使用overflowCSS属性来完成。查看下面的代码,了解如何实现这一点,以及如何为两个元素启用垂直滚动(.list和.menu) 正文{ 保证金:0; 填充:0; } .集装箱{ 最大高度:100vh; 高度:100vh; 溢出y:隐藏; 显示器:flex; } .菜单{ 溢出y:自动; 宽度:50%
我的意思是,当我滚动左分区时,右分区不必同时滚动。您需要防止在
.container
上垂直滚动。这可以通过使用overflow
CSS属性来完成。查看下面的代码,了解如何实现这一点,以及如何为两个元素启用垂直滚动(.list
和.menu
)
正文{
保证金:0;
填充:0;
}
.集装箱{
最大高度:100vh;
高度:100vh;
溢出y:隐藏;
显示器:flex;
}
.菜单{
溢出y:自动;
宽度:50%;
}
.名单{
溢出y:自动;
宽度:50%;
}
您需要从html
标记开始。它和可滚动元素的所有父元素都应该具有视口的高度
这意味着html
、body
、.container
和这两个可滚动元素的高度应为高度:100%
或高度:100vh
然后,您可以通过添加溢出:隐藏使可滚动元素真正独立滚动
如果这没有意义,请看我为您制作的。不能仅使用css,请使用javascript添加类。不要滚动{overflow:hidden}
。@Sameerkan我是说两个div分别滚动,无法完成?您可以添加一些代码或创建一个示例来说明您面临的问题吗?请检查。@SameerKhanIt没有滚动显示此选项。是的。我还对代码进行了一些编辑。过来看。它起作用了。要进行尝试,请在菜单中的div(Test
)中插入一个高元素,然后观看仅针对该div的滚动条。
<html>
<body>
<div class="container">
<div class="menu"></div>
<div class="list"></div>
</div>
</body>
</html>
.menu{
float:left;
width:50%;
}
.list{
float:right;
width:50%;
}