問題タブ [fadeto]

私が取り組んでいる個人のウェブサイトwww.derekgoss.comがあります (完成にはほど遠いことに注意してください - まだコンテンツ、応答性などが必要です)。下にスクロールして最初のコンテンツ ボックスに到達したら、上部のナビゲーション バーを、fadeIn/Out ではなく、fadeTo(1000, .35)にしたいと思います。同様に、コンテンツ ボックスを超えて上にスクロールしたら、バーを元の不透明度にフェードバックさせたいと思います。さらに、バーがフェードアウトしている場合、ユーザーがマウスを上に置いたときに元の不透明度にフェードバックし、マウスが離れると元に戻りたいと思います。これに似たものは、fadeOut/In メソッドで機能しましたが、fadeTo メソッドを使用しようとすると、機能しなくなりました。既にナビゲーション バーの不透明度を 1 に設定しています。これが私のベスト ショットですが、機能していません。

どんな助けでも大歓迎です。

というか、私の限られた知識では、このように動作するために何が間違っていたのかを理解できません。

お問い合わせフォームを含む div があります。div は非表示になっていますが、ユーザーがナビゲーション バーの [連絡先] にカーソルを合わせると、div が下にスライドしてフォームが表示されます。クライアントは、そのスペースに「contact」という単語を 0.5 秒間表示してからフェードアウトさせ、フォームをフェードインさせたいと考えています。

私の問題は、ユーザーがカーソルをフォームの上に移動すると (必然的に)、フォームがフェードアウトしてから再びすばやくフェードインすることです。この動作は、連続したアニメーションの流れを混乱させ、他の奇妙な動作も引き起こすようです。 .

誰かが私の間違いを指摘してくれるのではないかと思っています。

以下に js を追加し、ここにフィドルを設定しました: http://jsfiddle.net/zMdw6/

CSS:

いつものように、どんな助けも大歓迎です。ありがとう！

私の小さなコードが思い通りに動かないという問題があります。最初にコードを投稿します。

今、fadetotransparent は完全に正常に動作しますが、「skillelementwithyou」クラスをフェードバックして不透明にすることはできません。たぶん、これらの関数で絶対に間違っていることを理解しました。皆さんが私を助けてくれることを願っています。おそらくそれは、私が自分自身を嫌いになるほど小さなものです。

スクロール中に不透明度を使用してdivをフェードインおよびフェードアウトさせようとしています。これはjsコードです

CSS

しかし、それは機能していません。フェードインとフェードアウトに非常に長い時間がかかります。これは jsfiddle http://jsfiddle.net/jery0cdp/3/です。Bojan Petkovski のコードを使用した後の更新 [彼のおかげで]最初の回答から、クロムで動作しましたが、 Firefox http://jsfiddle.net/jery0cdp/5/でも同じ問題に直面しています。