2017-10-09 117 views
0

我使用插件的版本1.4.13,我也確保頁面已成功加載插件。jQuery scrollTo插件不工作

它曾經在我的網站上正常工作,但現在看起來什麼都不做。我使用下面的代碼來運行它:

HTML:

<span class="button-project-info"> 
    <a class="button button-04" href="#project-info">Project Info</a> 
</span> 

CSS:

$('.button-project-info a').bind('click', function(e) { 
    try { 
     e.preventDefault(); 
     target = this.hash; 
     $('html, body').scrollTo(target, 150); 
    } catch (error) { 
     alert('error - ' + error); 
    } 
}); 

我也試過以下,和alert語句運行正常時,鏈接點擊:

$('.button-project-info a').bind('click', function(e) { 
    alert('0000'); 
}); 

回答

1

如果要滾動整個頁面,請使用:

target = this.hash; 
    $(window).scrollTo(target, 150); 

我傾向於我這樣做時要使用的href從錨,所以不是target = this.hash;我抓住從鏈接的哈希值。

這裏是我的首選的實施,基本上捕捉所有哈希的URL和卷軸...

$('.button-project-info a').click(function() { 
    var hash = '#' + this.href.split('#')[1]; 
    $(window).scrollTo(hash, 1000); 
    return false; 
});