skrollr.jsを使用してパララックス効果のあるページを作成しているのですが、ページ内リンクをつける必要があり、
ページ内リンクをつけるとリンクをクリックしたときのスクロール値を正しく認識してくれないためskrollr.jsがどうしてもおかしい動きをします。
そこでウィンドウサイズに応じてskrollr.jsの有効・無効を切り替えたいと考えています。
以下のコードでウィンドウサイズが801px以上の時にskrollor.jsを読み込むようにしようとしているのですが、うまくいきません。
javascript
1$(document).ready(function($) { 2 if (window.matchMedia( '(min-width: 801px)' ).matches) { 3 $.ajax({ 4 url: 'skrollr.min.js', 5 dataType: 'script', 6 cache: false 7 }); 8 }; 9});
skrollr.jsを読み込む際に</body>の直前で
javascript
1<script> 2var s = skrollr.init(); 3</script>
と記述する必要があるからかと思い、
var s = skrollr.init();の部分を下記のif文のあとに記述してもうまくいきませんでした。
どのようにすればうまく切り替えられるか教えていただければと思います。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/30 02:15