div中的输入复选框跳转到firefox上的页面顶部

DEMO

只需要一个小的CSS改变

#modbutton label input {
    /* position:absolute; */
    /* top:-20px; */
    display:none; /* ADD */
}

之所以发生这种情况,是因为您绝对将复选框定位在视口上方-20px.当您单击跨度时,您将触发标签以更改复选框,从而导致跳转到顶部.有多种方法可以解决这个问题,但一个简单的方法就是改变:

#modbutton label input {
    position:absolute;
    top:-20px;
}

类似于:

#modbutton label input {
    position:absolute;
    left:-20px;
}

jsFiddle例子