0

固定位置と 999 の z-index を持つ div (ナビゲーション) を持つ 1 ページの Web サイトを作成したいと考えています。

目標は、div を一番上に保ち、他のすべてのコンテンツをスクロールさせることです。これは適切に機能しましたが、イージングで「よりスムーズ」にしたいのですが、試してみるとスクリプトが機能しなくなります。これは作業スクリプトです： 

 $(document).ready(function(){  
      $('a[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) {  
            var targetOffset = $target.offset().top;  
            $('html,body')  
            .animate({scrollTop: targetOffset}, 1000) ;  
           return false;  
          }  
        }  
      });  
    });`

誰でも緩和の部分で私を助けることができますか? アンカーに近づくとスクロールが速くなり、遅くなるようにしたい。

前もって感謝します。

4

1 に答える 1

2

交換

$('html,body') .animate({scrollTop: targetOffset}, 1000) ;

と

$('html,body') .animate({scrollTop: targetOffset}, 1000, 'easeOutQuart');

jQuery UI コアと jQuery Effects コアが含まれていることを確認してください。

于 2011-04-04T12:07:54.110 に答える