hide menu om scroll down and show again on scroll on top

Hello,

I need a customization I don't know if you can help me...

website: http://www.antiguaholidayvillas.com/pro ... hp?lang=en

I need to hide div: #gkMenuWrap
when I start to scroll down and show again when the browser scroll on top, may be I think is better to make a range 0 to 100px from top

I try to insert a jquery code in default.php file but my jquery knowledge is poor I think something is wrong
here a code tested without success:


<script type="text/javascript">
$(window).scroll(function() {
if ($(this).scrollTop()>100)
{
$('#gkMenuWrap').fadeIn();
}
else
{
$('#gkMenuWrap').fadeOut();
}
});
</script>

REGARDS

1. better use gk.scripts.js
2. $('#gkMenuWrap').fadeIn(); shows element, so what you did is to show element when scrollTop() is more than 100

can you be more detailed with the implementation, please ?

Sorry but this kind of custom job is beyond our technical support.
You can hire any gavick forum moderator for this custom job or find necessary code in another template and implement in by yourself.