2013-12-20 49 views
0

我已經爲我創建的插件設置了joyride.js,所以我可以在使用該插件之前通過一些基本設置步驟來讓用戶步行。我讓它正常運行/正常運行,但我注意到的一件事是'旅行停留'比它們應該低200px左右。Joyride tourstop注意到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 
      }); 
     }); 

回答

0

我終於走進去,在兜風,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;   
}