ハンバーガーメニュー開閉位置

ハンバーガーメニューのボタンを連続でクリックするとクリックした回数分だけ開閉してしまうので連続でクリックできないようにしたのですが、
スクロールしてハンバーガーメニューを開閉するとページのトップに強制的に移動してしまうようになってしまいました。

スクロール位置でハンバーガーメニューを開閉するにはどうすれば良いのでしょうか？

html
1
2<div class="bk">
3 <div class="container">				
4 <div class="navi-button">
5   <a href="#" id="panel-btn"><span id="panel-btn-icon"></span></a>
6</div>
7
8<nav class="headB">
9  <ul>
10    <li><a href="#">トップページ</a></li>
11    <li><a href="#">テスト</a></li>
12  </ul>
13</nav>
14</div>
15</div>

css
1.bk{
2 background-color: #CDB0AD;
3 position: fixed;
4 width: 100%;
5 top: 0;
6 z-index: 999;
7}
8.navi-button{
9 position:relative;
10 height: 40px;
11 width: 50px;
12}
13#panel-btn-icon{
14  display: block;
15  position: absolute;
16  top: 50%;
17  left: 50%;
18  width: 24px;
19  height: 3px;
20  margin: -1px 0 0 -7px;
21  background: #fff;
22  transition: .2s;
23}
24#panel-btn-icon:before, #panel-btn-icon:after{
25  display: block;
26  content: "";
27  position: absolute;
28  top: 50%;
29  left: 0;
30  width: 24px;
31  height: 3px;
32  background: #fff;
33  transition: .3s;
34}
35#panel-btn-icon:before{
36  margin-top: -10px;
37}
38#panel-btn-icon:after{
39  margin-top: 6px;
40}
41	#panel-btn .close{
42  background: transparent;
43}
44#panel-btn .close:before, #panel-btn .close:after{
45  margin-top: 0;
46}
47#panel-btn .close:before{
48  transform: rotate(-45deg);
49  -webkit-transform: rotate(-45deg);
50}
51#panel-btn .close:after{
52  transform: rotate(-135deg);
53  -webkit-transform: rotate(-135deg);
54}
55.headB ul li{
56 text-align:center;
57 border-bottom:solid 1px #8E7C66;
58}
59
60
61

js
1	// 連続クリック防止フラグ
2	var click_flg = true;
3	$("#panel-btn").on('click', function(){
4		if(click_flg){
5			//ボタンを一旦無効に
6		    click_flg = false;
7			// クリック処理を実施
8			$("#panel-btn-icon").toggleClass("close");
9			$('.headB').slideToggle(200,function(){
10				click_flg = true;
11			});
12		}else{
13			// イベント処理中は処理しない
14			return false;
15		}
16	});