質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

0回答

720閲覧

スクロール画像切り替え

aan

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2020/07/15 04:42

編集2020/07/15 14:00

HTML

1 <picture class="logo"> 2 <source media="(min-width: 961px)" class="js-exchange-sp" srcset="./assets/images/common/logo_pc@2x.png" /> 3 <img src="./assets/images/common/logo_sp@2x.png" alt="" /> 4 </picture>

javascript

1 2 3/*================================================== 4 5** Exchange Images 6==================================================*/ 7jQuery(function ($) { 8 $(window).on('load resize', function () { 9 10 var wid = window.innerWidth; 11 12 if (wid >= 961) { 13 $(window).on('load scroll', function () { 14 if ($(window).scrollTop() > 250) { 15 $('.js-exchange-sp').each(function () { 16 $(this).attr("srcset", $(this).attr("srcset").replace('_pc', '_sp')); 17 }); 18 } else { 19 $('.js-exchange-sp').each(function () { 20 $(this).attr("srcset", $(this).attr("srcset").replace('_sp', '_pc')); 21 }); 22 } 23 }); 24 } 25 }); 26}); 27 28 29/*================================================== 30 31** Exchange Images 32==================================================*/ 33jQuery(function ($) { 34 $(window).on('load resize', function () { 35 36 var wid = window.innerWidth; 37 38 if (wid <= 961) { 39 $('.js-exchange-sp2').each(function () { 40 $(this).attr("src", $(this).attr("src").replace('_pc', '_sp')); 41 }); 42 } else { 43 $('.js-exchange-sp2').each(function () { 44 $(this).attr("src", $(this).attr("src").replace('_sp', '_pc')); 45 }); 46 } 47 48 }); 49}); 50 51 52/*================================================== 53 54** header 55==================================================*/ 56$(function () { 57 $(function () { 58 var $header = $('.header-wrap'); 59 // Nav Fixed 60 $(window).scroll(function () { 61 if ($(window).scrollTop() > 250) { 62 $header.addClass('fixed'); 63 } else { 64 $header.removeClass('fixed'); 65 } 66 }); 67 // Nav Toggle Button 68 $('.nav-toggle').click(function () { 69 $header.toggleClass('open'); 70 }); 71 }); 72 73 var bt = 300; 74 var ds = 0; 75 $(document).scroll(function () { 76 ds = $(this).scrollTop(); 77 if (bt <= ds) { 78 $("#totop").addClass('open'); 79 } else if (bt >= ds) { 80 $("#totop").removeClass('open'); 81 } 82 }); 83 84 $('.move-line').on('inview', function (event, isInView) { 85 if (isInView) { 86 $(this).addClass('move'); 87 } else { 88 // $(this).removeClass('move'); 89 } 90 }); 91 92 $('a[href^=#]' + 'a:not([href *= "#panel1"])' + 'a:not([href*="#panel2"])' + 'a:not([href*="#panel3"])' + 'a:not([href*="#panel4"])' + 'a:not([href*="#panel5"])' + 'a:not([href*="#panel6"])' + 'a:not([href*="#panel7"])' + 'a:not([href*="#panel8"])').click(function () { 93 var speed = 500; 94 var href = $(this).attr("href"); 95 var target = $(href == "#" || href == "" ? 'html' : href); 96 var position = target.offset().top; 97 $("html, body").animate({ scrollTop: position }, speed, "swing"); 98 return false; 99 }); 100}); 101 102 103``` 104 105ヘッダー部分のロゴをでスクロールで切り替える処理なのですが、スクロールしてもロゴが切り替わらない時があります。 106こちらの記述で問題ないですか?こちらIE11で動くようにしたいのですがどのようにすればいいですか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

AMK

2020/07/15 04:51

具体的にどのようにうまくいかないのか?を書いてください。 あとHTMLも載せていただいた方が原因の特定するのに役立ちます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問