zurb-joyride - Joyride tourstop 通知关闭 200px

Question

我已经为我正在创建的插件设置了 joyride.js，因此我可以在使用插件之前引导用户完成一些基本的设置步骤。我让它运行/运行正常，但我注意到的一件事是“Tour Stops”比它们应该的低大约 200 像素左右。

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

Joyride 设置如下：

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;           
}