的JavaScript錯誤，內容上，當達到

這是JavaScript & CSS頁面的點向上滾動承載內容的滾動：的JavaScript錯誤，內容上，當達到

$(document).ready(function() { 

    /* Every time the window is scrolled ... */ 
    $(window).scroll(function(){ 

     /* Check the location of each desired element */ 
     $('.content-scroll').each(function(i){ 

      var bottom_of_object = $(this).position().top + $(this).outerHeight(); 
      var bottom_of_window = $(window).scrollTop() + $(window).height(); 

      /* Adjust the "200" to either have a delay or that the content starts fading a bit before you reach it */ 
      bottom_of_window = bottom_of_window + 800; 

      /* If the object is completely visible in the window, fade it it */ 
      if(bottom_of_window > bottom_of_object){ 

       $(this).animate({'margin-top':'0'},10000); 

      } 

     }); 

    }); 

});

CSS：

.content-scroll { margin-top: 1000px; }

我一個簡單的網頁上正常運行WordPress的商店網站，並與滾動到頁面上的某個點時使用的腳本有問題。

關於 - 服務 - 聯繫 - 商店

每個鏈接正確加載頁面的相關部分，具有流暢的效果，但在加載內容時我已經實現一些JavaScript使每個部分滾動中的內容本身起來，你可以看到我的例子測試網站在這裏：

http://test.flixonstudios.co.uk/

當點擊網店鏈接它加載頁面上的最後一節...但你可以看到，它那種顫動，如果你稍微向上滾動，滾動腳本仍在發生。

任何人都可以推薦如果我要例如點擊商店鏈接，它上面的所有內容會立即加載，而不是滾動？

這個概念是讓用戶每次瀏覽每個部分，但一旦有人查看了所有內容並返回到網站，他們只想直接進入商店部分。

任何反饋意見。謝謝你的閱讀。

來源

2017-08-10 jpopuk

您可以刪除所有滾動事件處理程序，並只需在/頁面按鈕（About，Services ..等）中具有錨點標記，該標記在href屬性中具有與您想要的頁面上的部分相對應的散列它可以導航到，就像在你的聯繫人部分中一樣，只需在與此部分相對應的h2元素內添加一個'contact'的id，然後爲你的導航按鈕（'Contact'）指定一個標籤， /#contact

來源

2017-08-10 23:29:18

感謝您的回覆......這幾乎是如何設置......當點擊關於服務等時，他們已經跳到正確的部分與相關的ID ......問題是，它的內容當前設置爲使用上面的JavaScript向上滾動，並且當您到達某個部分時下部分，它會繼續滾動上面的內容，因此強制頁面上去......你會在這裏看到，http://test.flixonstudios.co.uk/ - 當你點擊Shop時，你可以看到上面的頁面內容仍然在滾動，造成一個錯誤，所以它顫抖。 – jpopuk

的JavaScript錯誤，內容上，當達到

回答

相關問題