當用戶單擊頁面滾動（錨點）時，調用引導程序以在URL中顯示哈希鏈接

我正在使用Bootstrap及其「頁面滾動」。當用戶單擊頁面滾動（錨點）時，調用引導程序以在URL中顯示哈希鏈接

頁面滾動正常工作，除非用戶單擊菜單項時，URL不會更改。

例如，當用戶點擊菜單項「產品」，我想，從http://dev01-www.erisata.lt/en到http://dev01-www.erisata.lt/en#products

此解決方案的任何URL變化？

來源

2016-11-15 Luke

是的，那是預期......其引導滾動的默認行爲。您需要用您自己的JQuery覆蓋默認行爲。 –

是的，我知道，我嘗試了很多不同的代碼，但它不工作，我是JQuery的新用戶...所以我想知道也許有人知道此解決方案的確切代碼。無論如何，謝謝你的迴應！ – Luke

我已經發布了它。試試吧，讓我知道 –

是的，這是預期的......它是引導滾動的默認行爲。您需要用您自己的JQuery覆蓋默認行爲。

試試下面的jQuery代碼，我已經在你的網站上測試過它&很好用。

在你scrolling-nav.js您.bind()應該如下

//jQuery for page scrolling feature - requires jQuery Easing plugin 
$(function() { 
    $('a.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 500, 'easeInOutExpo'); 
     window.location.hash = this.hash; //add only this line here 
     event.preventDefault(); 
    }); 
});

讓我知道如果您有任何疑問

來源

2016-11-15 10:59:43

是的，它的工作。但知道滾動動畫是有效的，它關閉。我需要它工作。謝謝 – Luke

你的意思是，滾動沒有得到動畫（沒有更多的光滑滾動）？ –

是的，這是正確的 – Luke

當用戶單擊頁面滾動（錨點）時，調用引導程序以在URL中顯示哈希鏈接

回答

相關問題