Javascript 如何在不滚动内容的情况下删除滚动条?

Javascript 如何在不滚动内容的情况下删除滚动条?,javascript,html,css,web,Javascript,Html,Css,Web,我有一个使用对话框的网站。当我打开该对话框时,主体滚动条被隐藏,包含该对话框的div的滚动条显示其滚动条 但是,当我隐藏正文滚动条时,内容会移到开头。打开对话框时,如何保持内容的位置 有关此问题的更多信息,请查看Facebook上的照片。当你点击一张照片时,我喜欢这样做。你能给我们你正在使用的代码或你正在谈论的网站的链接吗?如何隐藏滚动条 如果是通过将overflow style属性更改为hidden,那么我猜这种情况仅在第一次显示对话框时发生,并且对话框的后续外观不会将内容移回顶部,这是否正确

我有一个使用对话框的网站。当我打开该对话框时,主体滚动条被隐藏,包含该对话框的div的滚动条显示其滚动条

但是,当我隐藏正文滚动条时,内容会移到开头。打开对话框时,如何保持内容的位置


有关此问题的更多信息,请查看Facebook上的照片。当你点击一张照片时,我喜欢这样做。

你能给我们你正在使用的代码或你正在谈论的网站的链接吗?如何隐藏滚动条

如果是通过将overflow style属性更改为hidden,那么我猜这种情况仅在第一次显示对话框时发生,并且对话框的后续外观不会将内容移回顶部,这是否正确?如果是这样的话,我不确定防止这种情况发生的最佳方法,但是一个快速的方法是让您的javascript在加载时将'body's container div的溢出样式属性分配给auto

将以下内容添加到javascript的顶部:

window.onload = function ()
{
    document.getElementById('container').style.overflow = 'auto';
}
其中container是包含“body”代码的div的id


等等,我不太明白你的问题。如果要隐藏滚动条,请使用CSS隐藏滚动条

<style type="text/css">
  selector {
    overflow: hidden;
  }
</style>

尝试使用JavaScript将滚动条移动到以下位置: document.getElementById'container'.scrollTop=50

上图将滚动条移动到顶部50pix,您可以通过以下方式获得最大滚动高度:
document.getElementById'container'.scrollHeight

是否会滚动到顶部,因为您正在单击的链接可能有一个空的URL片段标识符,如下所示:……并且处理对话框的javascript没有取消事件?向我们显示一个代码片段如何?你是说视口会卷回主体内容的顶部,还是说主体内容本身会向上移动,因为移除滚动条会释放额外的宽度?我只使用CSS解决了这个问题,使用HTML标记和主体标记组合。