Javascript 制作一个不带'；不要滚动身体的其余部分
应该很简单，但我无法解决 我的网页上有两个窗格。我希望两者都能独立滚动：Javascript 制作一个不带'；不要滚动身体的其余部分,javascript,html,css,Javascript,Html,Css,应该很简单，但我无法解决 我的网页上有两个窗格。我希望两者都能独立滚动： <body> <div id="sidebar"> ... lots of content ... </div> <div id="container"> ... lots of content ... </div> </body> #sidebar{ width:200px; position:fixed; ov
<body>
<div id="sidebar"> ... lots of content ... </div>
<div id="container"> ... lots of content ... </div>
</body>
#sidebar{
width:200px;
position:fixed;
overflow:scroll;
background-color:black;
color:white;
top:0;
left:0;
height:100%;
}
... 很多内容。。。
... 很多内容。。。
#边栏{
宽度：200px；
位置：固定；
溢出：滚动；
背景色：黑色；
颜色：白色；
排名：0；
左：0；
身高：100%；
}
。请注意，当您在黑色侧边栏中滚动到底部并保持滚动时，主体是如何开始滚动的？这就是我想要避免的。有没有一种简单的方法可以实现这一点？请尝试以下更新的CSS。在这里，我设置了200px的高度，之后它将为#侧边栏添加滚动条
#sidebar{
width:200px;
position:fixed;
overflow:auto;
background-color:black;
color:white;
top:0;
left:0;
height:200px;
}
希望能有所帮助 请尝试以下更新的CSS。在这里，我设置了200px的高度，之后它将为#侧边栏添加滚动条
#sidebar{
width:200px;
position:fixed;
overflow:auto;
background-color:black;
color:white;
top:0;
left:0;
height:200px;
}
body {
overflow-y : hidden
}
body {
overflow-y : hidden
}
如果您不希望正文被滚动，它将帮助您 你说得对。在铬合金中会发生这种情况。 也许是jQuery
$("#sidebar").focus(function(){
$('body').css("overflowY","hidden");
});
$("#sidebar").blur(function(){
$('body').css("overflowY","scroll");
});
tabindex=“-1”你说得对。在铬合金中会发生这种情况。 也许是jQuery
$("#sidebar").focus(function(){
$('body').css("overflowY","hidden");
});
$("#sidebar").blur(function(){
$('body').css("overflowY","scroll");
});
tabindex=“-1”如果我正确理解了您的问题，这是可行的。正在进行溢出：当鼠标位于边栏div上时隐藏
#sidebar:hover + #container{
overflow-y: hidden;
height: some_value; // your window height
}
如果我正确理解了你的问题，这是可行的。正在进行溢出：当鼠标位于边栏div上时隐藏
#sidebar:hover + #container{
overflow-y: hidden;
height: some_value; // your window height
}
你确定吗？这不是在我的浏览器上发生的。我在用Firefox真的吗？在Chrome中肯定是这样，也许这是Chrome独有的怪癖……我建议你使用插件。你确定吗？这不是在我的浏览器上发生的。我在用Firefox真的吗？在Chrome中肯定是这样，也许这只是Chrome特有的怪癖……我建议你使用插件。不应该是
overflow-yoverflow-y