2016-10-16 75 views
0

單擊頁面1中的鏈接時,它應該在特定點處轉到頁面2。我試過使用餅乾,主題標籤。它不工作。有沒有人對我如何做到這一點有任何建議?點擊導航到特定點的不同頁面

jQuery('.acco').click(function() { // Page - 1 
    jQuery('body.page-id-2').animate({ // Page - 2 
     scrollTop: jQuery('a#example').offset().top 
    }, 1000);  
}); 

我用過settimeout。它工作正常。但問題再次出現,如果我們刷新頁面,它會向下滾動。只有在點擊第1頁鏈接時,它才能在第2頁滾動。這是代碼。

jQuery(document).ready(function() { 
    setTimeout(function() {  
     jQuery('body.page-id-2').animate({    
      scrollTop: jQuery('a#example').offset().top 
     }, 1000);  
    }, 2000); 
}); 
+0

你的問題沒有意義,你可以解釋一下嗎? –

+0

如果您希望人們幫助您,您至少需要粘貼有問題的代碼片段。 – Nurjan

+0

@Nurzhan,你可以檢查上面的代碼嗎? – Raghupathy

回答

1

要通過查找hashra將頁面動畫到特定位置,您可以使用以下代碼。

jQuery(window).load(function(){ 
    if(window.location.hash == '#example'){ 
     jQuery('html,body').animate((
       scrollTop: jQuery('#example').offset().top 
     }, 1000); 
    } 
}); 
+0

這將使頁面滾動,即使刷新後,問題說:「但問題再一次,如果我們刷新頁面,它正在向下滾動」 –

1

爲了克服這個問題有關頁面刷新,你需要設置一個cookie在第1頁和第2頁,檢查這個cookie,如果你找到它,然後滾動頁面和刪除的cookie,否則,什麼也不做

+0

謝謝..我已經嘗試過.. $ .cookie('demo_cookie','Demo Cookie');問題是$ .cookie不是函數:1:3 ..也試過jQuery.cookie在控制檯中出現同樣的錯誤..任何想法解決這個.. – Raghupathy

+0

只是使用'document.cookie' –

+0

是這樣設置第2頁上的cookie同時點擊頁面1 .. – Raghupathy