Html 如何使前景垂直滚动,而不是背景

Html 如何使前景垂直滚动,而不是背景,html,css,scroll,scrollbar,Html,Css,Scroll,Scrollbar,比如在twitter上,当我打开其他人的个人资料摘要时,右边的滚动条只会滚动个人资料摘要窗口(前台),而不会滚动后面的网页(后台)。我该怎么做,有什么建议吗?非常感谢。如果您指的是模式弹出窗口,则需要应用溢出:隐藏至主体标记 您可以检测弹出窗口何时打开。如果是,您可以使用正确的样式为body标签设置一个类,例如modalOpen。然后在模态关闭时删除此类 编辑/添加: 如果需要强制弹出窗口滚动,则应用overflow-y:scroll到它。继续Dave sugestion,我再添加一件事。在弹出

比如在twitter上,当我打开其他人的个人资料摘要时,右边的滚动条只会滚动个人资料摘要窗口(前台),而不会滚动后面的网页(后台)。我该怎么做,有什么建议吗?非常感谢。

如果您指的是模式弹出窗口,则需要应用
溢出:隐藏
主体
标记

您可以检测弹出窗口何时打开。如果是,您可以使用正确的样式为body标签设置一个类,例如
modalOpen
。然后在模态关闭时删除此类

编辑/添加:
如果需要强制弹出窗口滚动,则应用
overflow-y:scroll到它。

继续Dave sugestion,我再添加一件事。在弹出窗口出现后,我只需“滚动”弹出窗口,这样它就可以垂直滚动,当它关闭时,“隐藏”。非常感谢大家。

您能发布您尝试过的代码吗?@ani当您满意答案时,不要忘记标记正确答案;)嗨,Dave,你的解决方案只是在弹出窗口出现时隐藏滚动条,但是弹出窗口本身不能是scoll。你知道我是如何滚动弹出窗口的吗?TXS通常需要应用overflow-y:scroll;弹出窗口中到底发生了什么,这意味着它没有滚动?内容只是被切断了吗?也许您需要在弹出窗口中应用一个height/maxheight来激活滚动?或者可能弹出窗口中没有足够的内容,因此不必滚动;)如果您上传一些代码到您的问题,或者设置一个JSFIDLE来显示您遇到的问题,我可以告诉您一个更准确的解决方案