7

スティックナビゲーションとスムーズなスクロールでさまざまな問題が発生しています。トラブルシューティングするのに十分なjQueryについて知りません。Chris Coyerのスムーズなスクロールスニペットを使用しています：http：//css-tricks.com/snippets/jquery/smooth-scrolling/。私のページはここにあります：http ：//clients.ekcetera.com/agivingchance 。

これが私の問題です：

  1. いずれのナビゲーションアイテムについても、部分的にスクロールしてから、その場所にジャンプします。スティッキーヘッダーの説明方法がわからなかったためだと確信しているので、アンカーの高さを説明するためにアンカーを少し上げました。したがって、アンカーに到達して停止しますが、適切なビューにジャンプします。
  2. 戻るボタンをクリックすると、常に正しい場所に移動するとは限らないように見えます。かなりランダムな場合もあります。これは問題1に関係していると思いますが、うまくいけば解決するでしょう。ブラウザの履歴/戻るボタンをすべて削除しても問題ありませんが、前述のように、削除するものを知るにはJQueryマスターが十分ではありません。

助言がありますか？

前もって感謝します！

4

1 に答える 1

1

1.SmoothScrollingの投稿に関するDevinSturgeonのコメントからこのコードを使用します。さらに、スティッキーヘッダーを補うために少し減算を追加しました。好みに合わせて調整します。

// your functions go here 
$('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
        || location.hostname == this.hostname) {

        var target = $(this.hash);
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
           if (target.length) {
             $('html,body').animate({
                 scrollTop: target.offset().top - 181
            }, 1000);
            return false;
        }
    }
});

2.すべてのアンカーをスクロール先の実際の要素に移動します。

（参照：http ：//css-tricks.com/snippets/jquery/smooth-scrolling/#comment-197181 ）

于 2012-10-19T21:26:38.470 に答える