一頁主題平滑滾動引導導航鏈接嘗試打開其他網頁時不工作，但它確實爲錨的工作頁面

我需要有一些自己的導航欄按鈕重定向例如回我的開始頁面中。看來平滑滾動編碼需要的菜單項，直接向井號標籤錨的菜單項的功能，這確實可行，但是當我嘗試重定向到完全另外一個頁面，沒有任何反應。沒有錯誤，並且沒有覆蓋按鈕的div。一頁主題平滑滾動引導導航鏈接嘗試打開其他網頁時不工作，但它確實爲錨的工作頁面

我在這裏看到的解決方案包括向滾動條代碼添加語句以禁用特定外部鏈接的hashtags，但我不知道如何對其進行編碼，而且我的模板代碼與上面提到的代碼不同線程。換句話說，我需要一個代碼來說明如何執行onclick的常規操作，只要按鈕沒有「ext-link」類。有關更多具體細節，請參閱下面的鏈接。 One page theme Bootstrap Navigation Link does not direct to another page, while it works for anchors inside the page

我不完全相信下面的是正確的代碼，但似乎喜歡它。我將如何改寫它包括「如果點擊，而不是類= EXT-鏈接」的情況下，這樣我可以讓從我的站點根目錄外部鏈接的導航欄我？

jQuery('#scrollToContent').click(function(e){ 
    e.preventDefault(); 
    jQuery.scrollTo("#portfolio", 1000, { offset:-(jQuery('#header .top').height()), axis:'y' }); 
}); 

jQuery('.nav > li > a').click(function(e){ 
    e.preventDefault(); 
    jQuery.scrollTo(jQuery(this).attr('href'), 400, { offset:-(jQuery('#header .top').height()), axis:'y' }); 
}) 

jQuery(window).scroll(function() { 
    //setHeaderBackground(); 
});

來源

2017-05-05 Steve_W

[這]（https://css-tricks.com/snippets/jquery/smooth-scrolling/）似乎提供至少一些見解，如果沒有一個解決方案。 –

有趣的文章，但不幸的是，根本沒有幫助我。我正在考慮按照下面的if語句來包裝上述整個腳本： 'if（'.nav> li> a'！=「.ext-link」）{}' 但那沒用... –

如果我得到這個權利，你可以修改的第二次點擊即使有這樣的代碼處理程序，它應該工作：

jQuery('.nav > li > a').click(function(e){ 
    var $this = jQuery(this); 

    if (!$this.hasClass('ext-link')) { 
     e.preventDefault(); 
     jQuery.scrollTo($this.attr('href'), 400, { offset:-(jQuery('#header .top').height()), axis:'y' }); 
    } 
})

希望這有助於。 :)

來源

2017-05-05 22:02:13 tiomno

非常感謝你，朋友。你完全保存了一天！ +1 @Timo –

一頁主題平滑滾動引導導航鏈接嘗試打開其他網頁時不工作，但它確實爲錨的工作頁面

回答

相關問題