固定导航条和模态框冲突

页面是一个很简单的固定导航条和页面长内容（为了演示导航条是固定在顶部的）
然后导航条中的某一个导航项点击后弹出模态框
那么问题来了
模态框弹出前，有竖直滚动条，模态框弹出后，滚动条消失，所以导航会往右边延伸变长，关闭模态框又恢复，就会出现跳动的现象
如何避免呢？