Javascript 需要帮助解决与flexslider、waypoint.js和谷歌地图的冲突吗

我正在开发一个wordpress网站，我被flexslider、谷歌地图和waypoint.js之间的冲突所困扰。滚动时，我使用waypoint将导航粘贴到顶部。在这里可以看到效果

http://arunbhat.com/wordpress

上下滚动时，导航会闪烁、消失

custom.js file

$('.navbar-wrapper').waypoint('sticky');

if ($(".worklogo").length>0)
    {
      $('.worklogo').flexslider(
      {
         animation: "slide", //This line causing the issue
        slideshow: false,
        itemWidth: 210,
        itemMargin: 5,

      });
    }

//Works when entire code below is removed

if ( $("#qva-googlemap").length>0 )
    { 
        var _self = $("#qva-googlemap"),
           $longitude = _self.data("longitude"),
           $latitude  = _self.data("latitude"),
           $title  = _self.data("title"),
           $image  = _self.data("image");

           if ( $longitude != '' && $latitude != '' )
           {

            var $latlng             = new  google.maps.LatLng($longitude,$latitude),
                $myOptions          = {
                    zoom            : 16,
                    center          : $latlng,
                    panControl      : false,
                    zoomControl     : false,
                    scrollwheel     : false,
                    scaleControl    : false,
                    mapTypeControl  : false,
                    draggable       : false,
                    // mapTypeId       : google.maps.MapTypeId.ROADMAP
                },

                // $tabContact         = ('tab-contact');

            // $content.bind('easytabs:after', function(evt,tab,panel) {
                // if ( tab.hasClass($tabContact) ) {
            $map = new google.maps.Map(document.getElementById("qva-googlemap"), $myOptions);
            new google.maps.Marker({
                position: $latlng,
                map: $map, 
                title: $title,
                icon: $image
            });
         }
    }

---

我提到的上述代码是导致问题的原因。当删除这些代码时，导航工作正常。但是我需要所有的插件来工作。如何解决此问题？

也许可以尝试将GMap添加为

iframe

？即使是flexslider也会导致此问题。