Joyride旅游站通知关闭200px

Question

我已经为我正在创建的插件设置了 joyride.js，这样我就可以在使用插件之前引导用户完成一些基本的设置步骤。我让它正常运行/运行，但我注意到的一件事是"旅游站点"比应有的低约 200px 左右。

这可能是由于我的元素上的填充或边距吗？有没有办法调整它，使其出现在正确的元素旁边？我尝试将工具提示设置为上方，左侧和右侧，所有这些都比需要的低约200像素左右。

欢乐骑行设置如下：

jQuery(window).load(function() {
          jQuery("#TourList").joyride({ 
            autoStart : true,
            'tipLocation': 'right',         // 'top' or 'bottom' in relation to parent
            'nubPosition': 'auto', 
            // enable cookies to only run the joyride tutorial one time
            'cookieMonster': false,           // true/false for whether cookies are used
            'cookieName': 'JoyRide',         // choose your own cookie name
            'cookieDomain': false   
            });
        });

Answer 1

我最终进入并在joyride-2.1中更改了css.css

.joyride-tip-guide {
  position: absolute;
  background: #000;
  background: rgba(0,0,0,0.8);
  display: none;
  color: #fff;
  width: 300px;
  z-index: 101;
  top: 0; /* keeps the page from scrolling when calculating position */
  left: 0;
  font-family: "HelveticaNeue", "Helvetica Neue", "Helvetica", Helvetica, Arial, Lucida, sans-serif;
  font-weight: normal;
     -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-top:-55px;           
}