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

标签 javascript html css web

我有一个使用对话框的网站。当我打开该对话框时,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/

相关文章:

javascript - 根据请求数据动态创建 SVG

JavaScript 中的 Java byteArray 等价物

javascript - Laravel 验证错误未作为 json 响应返回

python - 使用 Django 和 Celery 的动态页面

html - jquery 移动复选框

javascript - jQuery JSON 解析器 : "Unexpected identifier" error

html - 从 HTML 中提取商品价格

javascript - 使用 AJAX 返回的表单验证

css - 当 CSS 过滤器应用于 Microsoft Edge 中的同一元素时,位置固定不起作用

基于元素文本的 CSS 选择器?