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で動くようにしたいのですがどのようにすればいいですか?
具体的にどのようにうまくいかないのか?を書いてください。
あとHTMLも載せていただいた方が原因の特定するのに役立ちます。
あなたの回答
tips
プレビュー