スムーススクロールjavascriptでハイパーリンクを無効にする

クリックするとスムーズにスクロールして同じページのアンカーポイントに移動するボタンがあります。問題は、スクリプトがページ上のすべてのハイパーリンクを無効にしていることです。どうすれば私のextenalハイパーリンクが再び機能し、デモボタンがスムーズにページをスクロールするように修正できますか？スムーススクロールjavascriptでハイパーリンクを無効にする

これは私のボタンが存在すると、関連するjavascriptのダウン剥奪コードです：

<body data-spy="scroll" data-offset="80"> 
<div class="other"> 
<div class="container"> 
<div class="col-md-12"> 
<div class="center-header"><a href="#demo"><button type="submit" class="btn btn-theme-bg btn-lg">Demo</button></a></div> 
</div> 
</div> 
</div> 
<div id="demo" div class="center-header"></div> 
<script> 
    $(document).on('click', 'a', function(event){ 
    event.preventDefault(); 

    $('html, body').animate({ 
     scrollTop: $($.attr(this, 'href')).offset().top 
    }, 500); 
    }); 
</script> 

</body>

出典

2016-10-27 Bake Creates

HTML：

<a href="#demo" class="someClassName">

JS：私はあなたのコードを観察した後

$(document).on('click', '.someClassName', function(event){

出典

2016-10-27 13:06:59 marcinrek

clickイベントをアンカータグにバインドするためにjQueryを使用していることがわかります。すべてのアンカータグのクリックイベントをバインドします。アンカータグがクリックから発生しています。以下のコードを使用することをお勧めします。

$(document).on('click', 'a', function(event){ 
    if ($.attr(this, 'href').indexOf("#") === 0) { 
    event.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: $($.attr(this, 'href')).offset().top 
    }, 500); 
    } 
});

出典

2016-10-27 13:17:12

スムーススクロールjavascriptでハイパーリンクを無効にする

答えて

関連する問題