Javascript 模式关闭后无法在页面上滚动

我有一个更新数据的模式。更新完成后，模式关闭，之后我无法在页面上滚动

模态

<div id="catupdate" class="modal fade" role="dialog">
  <div class="modal-dialog">

  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Modal Header</h4>
    </div>
    <div class="modal-body">

    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

 </div>
</div>

控制器

public function updatecat(Request $request){
    try{
            $type ='success';

            $message ='Successfully Updated';

        $post = $request->all();
        //$user = Auth::user()['id'];
        $cat = Category:: findorFail($post['id']);
        $cat->category = $request->input('category');
        $cat->save();
    }catch(Exception $e){
        $type ='error';
        $message = $e->getMessage();
        }

        echo json_encode(['type'=>$type,'message'=>$message]);

    }

---

我不知道发生了什么事。我在其他地方使用了相同的模式和脚本，在那里效果很好。

在onclick中添加下面的行

$('body').removeClass('modal-open');

添加此行并查看$（'body'）。removeClass（'modal-open'）；

$('body').removeClass('modal-open');