2011-07-08 19 views
3

私は1ページのウェブサイトを作っています。 ナビゲーションリンク "bas & harald"をクリックすると、2番目のスライド(右側)にスムーズに移動する必要があります。スムーズスクロールjqueryが機能しない

しかし、私はこれを動作させることはできません。 、 //www.basenharald.nl/3d/script.js私は「HREF」の要素を設定したのと同じではのために行くします。http:http://www.dezinerfolio.com/wp-content/uploads/smoothscrolldemo/df_smooth_scroll.html

を、私はこのの底にそれを実装したファイルをJS:私はこのスクリプトを使用しています"a name"要素。

これはなぜ動作しないのですか?もう1つのコードニットはこれと競合していますか? http://www.basenharald.nl/3d

ありがとうございました。

+0

これ以上の時間はありませんが、メニューからcufonを削除して、そのように動作するかどうかを確認してください。 –

+0

@Elaine Marleyそれを試しましたが、それはどちらもうまくいきません。私はこれがcufonによって引き起こされたとは思わない – Luuk

+0

あなたのコードでは、リンクをクリックしたときにどこに行かなければならないのか分かりません。私の知る限り、スクリプトがなくても、htmlが正しい場合(アニメーションがなくても)正しい場所に移動するはずです。

unoをクリックすると、dosとviceversaに移動します。リンクしたスクリプトのhtmlを例として確認し、IDを使用していることを確認してください。 –

答えて

1

更新:

$('#nav a').click(function() { 
    $.scrollTo($(this).attr('href'), {duration: 500}); 
}); 

すべてのセクションは、IDを持っていることを必要とする:は、私たちが行うことができますscrollToプラグインを使用して、解決策を収容するためにいくつかの修正を加えて、コードはほとんど同じであると仮定すると、 navアイテムに表示されます。期間はミリ秒です。 http://rolandmai.com/3d/

+0

これは正直な答えではありません。アンカーは機能しなかったので追加しませんでした。ポイント3では、画像とコンテンツを「レイヤー化する」コアなので、3Dパートを無効にすることはできません。だからそれはかなり論理的です。ポイント1については、あなたは正しいです...私はそれを修正します。スクリプトがうまくいかない場合は、これにどのようなスクリプトを使用しますか?とにかくお返事いただきありがとうございます アンカーがUL部品にリンクして、別のULにスクロールするようにします。 – Luuk

+0

更新された回答をご覧ください。それは動作するはずです。 – Candide

+0

、それは素晴らしいです! 50人の担当者と一緒に楽しんでください:) – Luuk

関連する問題