スクロールとクリック制御がバッティングする

Question

以下のように600px以上スクロール時に「hoge」という固定フロートメニューを表示し
内部のリンクをクリックするとページ下部「hoge-anchor」要素へページ内遷移します。

<div class="hoge"><a href="#hoge-anchor">「hoge-anchor」へ</div></div>

$(function() {
	var header = $('.hoge');
	header.css('top', '-150px');
	var showFlag = false;
	
	//-----[header-min]
	$(this).scroll(function () {
	  		if ($(this).scrollTop() > 600) {
			if (showFlag == false) {
				showFlag = true;
				header.stop().animate({'top' : '0'});
			}
		} else {
			if (showFlag) {
				showFlag = false;
				header.stop().animate({'top' : '-150px'});
			}
		}
	});
	});

確認したい内容は、リンクをクリックすると「hoge」を非表示(top:-150px)にする方法です。
クリックイベントで実現することは分かるのですが、「hoge-anchor」が600px以下にあるので上記スクロール処理とのバッティングでうまく動作しませんでした。

またその他要望としては、一旦非表示になっても再スクロール時の現在地が600px以上のエリアであれば再度「hoge」を出現させたいです。

ご教授の程よろしくお願いいたします。