Javascript 如何在滚动固定元素时禁用/防止在主体上滚动，但不隐藏主体本身的滚动条？_Javascript_Html_Css_Scrollbar_Css Position

Javascript 如何在滚动固定元素时禁用/防止在主体上滚动，但不隐藏主体本身的滚动条？

javascript html css

Javascript 如何在滚动固定元素时禁用/防止在主体上滚动，但不隐藏主体本身的滚动条？,javascript,html,css,scrollbar,css-position,Javascript,Html,Css,Scrollbar,Css Position,每当我在侧边栏（位置固定）上滚动时，它应该禁止页面滚动。这并不意味着正文应该被溢出隐藏，或者隐藏正文或页面本身上的滚动条。当将光标放在侧边栏上并尝试滚动时，它应该防止整个正文/页面滚动。另一方面，侧边栏中不需要滚动条或更多内容我有一个带有html和css/sass布局的代码笔。但是我不确定这个问题是否可以用纯css解决，或者是否需要javascript。Codepen-link：这有帮助吗@阿洛纳斯看起来和以前一样。你有什么改变吗？@IjazAli我已经在侧边栏上使用了触控动作：pan-y，但

每当我在侧边栏（位置固定）上滚动时，它应该禁止页面滚动。这并不意味着正文应该被溢出隐藏，或者隐藏正文或页面本身上的滚动条。当将光标放在侧边栏上并尝试滚动时，它应该防止整个正文/页面滚动。另一方面，侧边栏中不需要滚动条或更多内容

我有一个带有

html

和

css/sass

布局的代码笔。但是我不确定这个问题是否可以用纯css解决，或者是否需要javascript。

Codepen-link：这有帮助吗@阿洛纳斯看起来和以前一样。你有什么改变吗？@IjazAli我已经在侧边栏上使用了触控动作：pan-y，但当我滚动时它仍然会滚动整个身体/将光标放在左侧边栏对不起，我没有做fork-这是我想到的改变