我有一个使用对话框的网站。当我打开该对话框时,body
滚动条被隐藏,包含该对话框的 div
的滚动条显示其滚动条。
但是,当我隐藏body
滚动条时,内容会移动到开头。打开对话框时如何保持内容的位置?
有关此问题的更多信息,请查看 Facebook 上的照片。当你点击一张照片时,我喜欢这样做。
最佳答案
你能给我们你正在使用的代码或你正在谈论的网站的链接吗?你是如何隐藏滚动条的?
如果是通过将溢出样式属性更改为隐藏,那么我是否正确地猜测这只会在您第一次显示对话框时发生并且对话框的后续出现不会将内容移回顶部?如果是这样,我不确定防止这种情况发生的最佳方法,但一个快速的破解方法是让您的 javascript 在加载时将“主体的容器 div”的溢出样式属性分配给自动。
将以下内容添加到您的 javascript 的顶部:
window.onload = function ()
{
document.getElementById('container').style.overflow = 'auto';
}
其中容器是包含您的“正文”代码的 div 的 ID。
关于javascript - 如何在不滚动内容的情况下删除滚动条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8453526/