Scrollify鏈接

我想要鏈接滾動到該部分。我不明白爲什麼這不起作用，鏈接要麼不工作，要麼不去滾動。我正在使用Scrollify插件。Scrollify鏈接

Javascript in the header。我應該把它放在頁腳中嗎？我讀的地方應該是在我以爲奇了頭......

$(function() { 
      $.scrollify({ 
       section : ".section-class-name", 
       sectionName : "first", 
       easing: "easeOutExpo", 
       scrollSpeed: 1100, 
       offset : 0, 
       scrollbars: true, 
       standardScrollElements: "", 
       setHeights: true, 
       before:function() {}, 
       after:function() {}, 
       afterResize:function() {}, 
       afterRender:function() {} 
      }) 
     }); 

     $(".first").click(function(e) { 
      e.preventDefault(); 
      $.scrollify("move", $(this).attr("href")); 
     });

的HTML

 <div class="section-class-name" data-name-section="first" style="background-color: red;"> 
      <a href="#second" class="first">Second</a><br> 
     </div> 
     <div class="section-class-name" data-name-section="second" style="background-color: orange;"></div> 
     <div class="section-class-name" data-name-section="last" style="background-color: yellow;"></div>

來源

2016-03-14 Pauline Orr

它看起來像你的「sectionName」值在JavaScript是「第一」，但也許他們正在尋找HTML5數據屬性的名稱。例如，在Scrollify插件網站的源代碼中，它們使用data-section-name。在你的情況下，它將是name-section。另外，對於JavaScript中的「section」選項，我認爲他們要求HTML標記類型。在你的情況下，值應該是div。

在項目頁面上，他們解釋了選項http://projects.lukehaas.me/scrollify/#options。

來源

2016-03-14 18:28:14

不是真的working-我知道這個數據段名正在工作。如果URL在結尾處具有id/data部分名稱，那麼當我加載/刷新它時，窗口會自動滾動到該部分。但鏈接本身並不工作，除了將＃部分名稱放在網址的末尾。 –

問題出在您的點擊事件中。 $.scrollify("move", $(this).attr("href")); 是不正確的語法，它應該是： $.scrollify.move($(this).attr("href"));

來源

2016-05-30 17:35:01

回答

相關問題