こんにちわ、初めて質問いたします。
IEブラウザでテストしたのですが動かないコードがあります。
ネットで調べたコードを組み合わせたものです。
javascript
1$(function() { 2 var $window = $(window); 3 4 $('#paspa01').each(function(index) { 5 var $self = $(this); 6 var offsetCoords = $self.offset(); 7 $(window).scroll(function() { 8 // If this section is in view 9 if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > ($window.scrollTop() - 1750))) { 10 var yPos = -($window.scrollTop() / 8); 11 yPos += 250; 12 var coords = '50%' + yPos + 'px'; 13 $self.css('backgroundPosition', coords); 14 15 } 16 }); 17 }); 18 $('#paspa02').each(function(index) { 19 var $self = $(this); 20 var offsetCoords = $self.offset(); 21 $(window).scroll(function() { 22 // If this section is in view 23 if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > ($window.scrollTop() - 3500))) { 24 var yPos = -($window.scrollTop() / 8); 25 yPos += 500; 26 var coords = '50%' + yPos + 'px'; 27 $self.css('backgroundPosition', coords); 28 29 } 30 }); 31 }); 32 $('#paspa03').each(function(index) { 33 var $self = $(this); 34 var offsetCoords = $self.offset(); 35 $(window).scroll(function() { 36 // If this section is in view 37 if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > ($window.scrollTop() - 5250))) { 38 var yPos = -($window.scrollTop() / 8); 39 yPos += 750; 40 var coords = '50%' + yPos + 'px'; 41 $self.css('backgroundPosition', coords); 42 43 } 44 }); 45 }); 46 $('#fpaspa').each(function(index) { 47 var $self = $(this); 48 var offsetCoords = $self.offset(); 49 $(window).scroll(function() { 50 // If this section is in view 51 if (($window.scrollTop() + $window.height()) > offsetCoords.top && ((offsetCoords.top + $self.height()) > ($window.scrollTop() - 7000))) { 52 var yPos = -($window.scrollTop() / 8); 53 yPos += 1000; 54 var coords = '50%' + yPos + 'px'; 55 $self.css('backgroundPosition', coords); 56 57 } 58 }); 59 }); 60 $('#nav1').hover( 61 function(){ 62 $(this).find('a').stop().animate({'marginLeft':'145px'},500); 63 }, 64 function(){ 65 $(this).find('a').stop().animate({'marginLeft':'0px'},300); 66 } 67 ); 68 69 $('#nav2').hover( 70 function(){ 71 $(this).find('span').stop().animate({'marginRight':'185px'},500); 72 }, 73 function(){ 74 $(this).find('span').stop().animate({'marginRight':'0px'},300); 75 } 76 ); 77});
現状は他のjQueryのコードを含むWebサイトを今使用しているパソコンのIEで開いてみましたが処理できます。
このコードを使用するサイトはローカル環境で動くように設計しています。
IEの問題ではなく、このコードの作りが問題だと切り分けが出来ましたがこれ以上の解決法が思い浮かびません。
IEのバージョンは11です。
<追記>
jQueryファイルについては以下のように設定しています。
HTML
1<head> 2~中略~ 3<script type="text/javascript" src="js/jquery-1_7_2_min.js"></script> 4~中略~ 5</head>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/01/06 02:35
2016/01/06 02:56