2016-11-15 1 views
0

私はブートストラップとその「ページスクロール」を使用しています。ユーザーがページスクロール(アンカー)をクリックすると、ブートストラップを呼び出してURLにハッシュリンクを表示します

ページスクロールが正常に動作します。ユーザーがメニュー項目をクリックした場合を除き、URLは変更されません。例えば

ユーザーがクリックは、メニュー項目「製品」に、私がしたいこと、このためhttp://dev01-www.erisata.lt/en

http://dev01-www.erisata.lt/en#productsへの任意のソリューションからURLが変更?

+0

ははい、それは予想だ疑問を持っているなら、私に知らせて下のようになるはずです。あなた自身のJQueryでデフォルトの動作を上書きする必要があります。 –

+0

はい、私は知っている、私はさまざまなコードを試したが、それは動作していないと私はJQueryの新しいユーザーです...だから、誰かがこのソリューションの正確なコードを知っているのだろうか。とにかく、お返事ありがとう! – Luke

+0

私はすでにそれを投稿しています。試してみてください。 –

答えて

0

はい、それは...ブートストラップスクロールのデフォルト動作です。あなた自身の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(); 
    }); 
}); 

は、ブートストラップスクロールのデフォルトの動作...あなたは

+0

はい、うまくいきます。しかし、スクロールしているアニメーションが有効になっていることが分かります。私はそれが働くことが必要です。ありがとう – Luke

+0

あなたは、スクロールがアニメーション化されていないことを意味します(スムーズなスクロールはありません)? –

+0

はい、それは正しいです – Luke

関連する問題