Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何禁用body';在启用div'的同时滚动;什么是卷轴? .菜单{ 浮动:左; 宽度:50%; } .名单{ 浮动:对; 宽度:50%; }_Html_Css - Fatal编程技术网

Html 如何禁用body';在启用div'的同时滚动;什么是卷轴? .菜单{ 浮动:左; 宽度:50%; } .名单{ 浮动:对; 宽度:50%; }

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%

如何禁用整个html的滚动。但是menu div和list div可以垂直滚动吗? 依赖地


我的意思是,当我滚动左分区时,右分区不必同时滚动。

您需要防止在
.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%;
}