JS弹出遮罩层后底部页面不滚动

        做的一个项目：点击按钮时，弹出遮罩层，底层变灰色不透明。而这这个遮罩层因为内容很多，所以加了一个内部滚动条。

        现在的问题就是：当我用内部滚动条翻阅遮罩层更多内容的时候，底部页面的滚动条也会跟着一起动。

        目前解决如下：

<div class="index" 
onclick="document.getElementById('wxts').style.display='block';
document.body.style.scrollTop=0">
</div>