溢出只显示一条灰线

Question

我的网站主要是单页网站，但有些网页只有注册用户才能进入。在第一个“块”（我找不到其他名称。我说的是单页网站中的区域）有一个名为“登录/注册”的按钮，当你点击她时它会显示一个登录名，报名表格。因为在注册时你应该给我们很多信息（名字和姓氏，电子邮件，密码 - 两次，recaptcha和关于使用条款的复选框），我们设计它就像是一个不同的页面，但是为了让这个过程更快我决定它将在主页上的位置：fixed;，overflow：auto;并显示：无;当你按下“登录/注册”按钮时，它将变为display：block;它会添加溢出：隐藏;到“身体”和“html”。每件事都很棒，你甚至可以向上滚动和doun，但滚动条本身似乎很奇怪。 这是js（jq）代码：

function login(){
$('#loginpopup').css({"display":"block","opacity":"0"});
$('#loginpopup').animate({"opacity":"1"});
$('body').css({"overflow":"hidden"});
$('html').css({"overflow":"hidden"});
return false;
}

以下是包含问题的页面的屏幕截图：

Answer 1

使用

overflow: visible; 

而不是

overflow: auto; 

#loginpopup中的

Answer 2

你的问题来自带有类backgroundcolor的div，它是固定的，宽度和高度都是100％。此div显示在滚动条上方。摆脱这个div并尝试将灰色背景放在body元素中。