1

私のファウンデーションマゼランナビゲーションで、サブナビゲーションのいずれかをクリックすると、キャッチされないエラーが発生します。これは、foundation.magellation.js の 46 行目で top が定義されていないことを示しています。

//固定位置の場合、遠征の高さを考慮します

     var scroll_top = target.offset().top - settings.destination_threshold + 1;//error
     scroll_top = scroll_top - expedition.outerHeight();

html:開始

   <DIV class="row">
   <div data-magellan-expedition="fixed">
   <ul class="sub-nav">
        <li data-magellan-arrival="home"><a href="#home">Home</a></li>
        <li data-magellan-arrival="catalogue"><a href="#catalogue">Catalogue</a></li>
        <li data-magellan-arrival="about"><a href="#js">About Us</a></li>
        <li data-magellan-arrival="contact"><a href="#js">Contact Us</a></li>
   </ul>
   </div>
   </div> 


  /*end*/ 
  <script src="js/foundation/foundation.min.js"></script>
  <script src="js/foundation/foundation.magellan.js"></script>
   <script>
   $(document).foundation({
       "magellan-expedition": {
       active_class: 'active', // specify the class used for active sections
       threshold: 0, // how many pixels until the magellan bar sticks, 0 = auto
       destination_threshold: 10, 
       throttle_delay: 50, // calculation throttling to increase framerate
       fixed_top: 0, // top distance in pixels assigned to the fixed element on scroll
   }
    });
    $(document).foundation();
   </script>
   </body>
   </html>
4

1 に答える 1

0

サブナビゲーションのアイテムに対応する data-magellan-destination 属性を追加します。スクロールする必要がある場所を把握しようとしていますが、ターゲットが定義されていません。たとえば、次の属性を持つセクションがページのさらに下にある場合があります。

<div data-magellan-destination="home">home content here</div>
<div data-magellan-destination="catalogue">catalogue content here</div>

等

于 2014-10-13T20:32:19.510 に答える