こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

javascript 動作がうまくいかない

javascriptは、ほぼわかりません。
参考url
http://histerian.net/pallax/

パララックス サイトを構築しておりました。
メニューを押してスクロール移動すると、上部のmenuがアクティブ状態になります。
しかし、下にスクロールしてからメニューを押して、上に移動すると、menuが2つ、アクティブ状態になってしまいます。
ただ、1px上にずらすだけで低いコンテンツのメニューのアクティブが消え、本来のコンテンツのmenuがアクティブになります。

下へスクロールしてから、メニューを押して上に戻ったときに、該当のmenuのみ、アクティブ状態になるようにしたいです。

使用している元は
cool-kitten
というサンプルです。
url
https://www.jqueryscript.net/demo/jQuery-Responsive-Parallax-Scroll...

使用しているjQueryは以下になります。
jquery.easing.1.3.js
jquery.stellar.min.js
waypoints.min.js

動作を制御しているjavascriptファイルは以下になります。
scripts.js

どなたかご教示していただけないでしょうか
よろしくお願い致します

投稿日時 - 2017-11-14 19:39:03

QNo.9397367

すぐに回答ほしいです

質問者が選んだベストアンサー

参考urlにあるものはうまく動作しています。
言われるような現象は起きません。

当方の環境:
windows10
Microsoft Edge
IE
Firefox

投稿日時 - 2017-11-14 21:13:50

お礼

遅い時間にご確認していただき、ありがとうございました。
windows10の環境だと正常だったんですね。
この件、解決を急いだためmaiko03333さんのすすめ通りteratilにも質問させていただき無事解決いたしました。
返信おくれ申し訳ありませんでした。
また、ありがとうございました。

投稿日時 - 2017-11-15 01:21:49

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

サンプルは間違っていないはずですから
「あなたの」ソースを書き込んでください。
また、プログラムに関することは
https://teratail.com/
ここの方が専門家の回答が得られます。

投稿日時 - 2017-11-14 19:50:39

補足

ご指摘ありがとうございます。
ソースは参考urlが自分が構築しているものになります。質問は編集できないようですので申し訳ありませんが参考urlから見ていただくほかないです。書き方を間違えてしまいましたすいません。
サンプルのほうも動作がうまくいっていませんでした。そこのところもよく確認すればよかったです。
teratailにも質問してみました。解決しましたらこちらにも一報を入れます。
よろしくお願い致します。

投稿日時 - 2017-11-14 20:42:58