问答详情
源自:4-2 [DOM事件] QQ面板拖拽效果(下)

为什么只有左右出现了滚动条而上下的没有出现滚动条呢,不是右侧和上面都设置了-10px吗

为什么只有左右出现了滚动条而上下的没有出现滚动条呢,不是右侧和上面都设置了-10px吗

提问者:Beatrice7 2015-10-26 17:04

个回答

  • xue5hen
    2015-12-24 12:03:09

    这里比较重要的有两点:

    1、绝对定位的元素的left和top如果设置的是负数,那么是不影响滚动条的,因为浏览器窗口左上角坐标一定是(0,0),如果设置为负数,那么负数部分会隐藏,而不会出现滚动条;

    2、本案例中,关闭按钮的位置位于右上角,也就是说设置的是top和right,top设负数是不可能出现滚动条的,只有right会出现;当然,如果是把关闭按钮放在右下角的话,并且向下向右超出登录框10px,那么就会出现滚动条了。