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

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

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

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

2428閲覧

stellar.js(パララックス jqueryプラグイン)をPCでのみ使いたい

korokorota

総合スコア40

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2016/11/30 06:44

jqrury全くの初心者です。
stellar.jsというプラグインを使って、初めてパララックスのサイトを作ろうとしています。
PCでのみパララックス表示にして、タブレットやスマホ(ウィンドウサイズで判断する)では固定にしたいと考えています。
元々、htmlに下記の指定で動いていました。

html

1<script> 2 $(function(){ 3 $(window).stellar({ 4 horizontalScrolling: false, 5 verticalScrolling: true, 6 verticalOffset: 40 7 }); 8 }); 9</script>

こちらのサイトを参考にして、下記の指定で実行させようとしたところ実行されません。

html

1<script> 2$(document).ready(function(){ 3if ($(window).width() > 959) { 4 $(function(){ 5 $(window).stellar({ 6 horizontalScrolling: false, 7 verticalScrolling: true, 8 verticalOffset: 40 9 }); 10 }); 11 12}); 13</script>

こちらの記述でも試してみましたが、ダメでした。

html

1<script> 2$(document).ready(function(){ 3if ($(window).width() > 959) { 4 $(window).stellar({ 5 horizontalScrolling: false, 6 verticalScrolling: true, 7 verticalOffset: 40 8 }); 9 10}); 11</script>

どこを直したら動くようになるのでしょうか?

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

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

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

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

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

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

guest

回答1

0

ベストアンサー

JavaScript

1 2$(document).ready(function(){ 3if ($(window).width() > 959) { 4 $(window).stellar({ 5 horizontalScrolling: false, 6 verticalScrolling: true, 7 verticalOffset: 40 8 }); 9 } // ← これが抜けているのでは? 10});

投稿2016/11/30 07:24

kei344

総合スコア69398

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

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

korokorota

2016/11/30 08:09

早々に回答いただき、ありがとうございます。 こんなにすぐに回答いただけてとても助かりました。 chromeの検証ツールではスマホやタブレットでもスクロールしてしまい やっぱりダメなのかと思ったのですが、 実機で確認したところ、タブレット(ipad)とスマホ(iphone)で固定されました! 本当にありがとうございました。 ただ、検証ツールで何故スクロールするのかが謎です・・・ 100%は信用できないんでしょうか?
kei344

2016/11/30 08:17

「検証ツールでは」というのがどのように検証されたのかわかりませんが、「SyntaxError: expected expression, got ')'」というようなエラーは出ていませんでしたか?括弧の閉じ忘れなどでそういったエラーが起こるはずです。
korokorota

2016/11/30 09:05

親切にありがとうございます。本当に初心者ですみません。 chromeの「検証」でConsoleを確認してみました。 「Uncaught SyntaxError: Invalid or unexpected token」(mailformpro.cgi) のエラーだけあります。すみません、確認する場所が違うのでしょうか?
kei344

2016/11/30 09:11

Firefoxで見ていたため細かい文言は違いますが、Chromeでは「Uncaught SyntaxError: Unexpected token )」と出ますね。 とりあえずSyntaxErrorと出ている場合は書き方に問題がある可能性が高いので、見直すようにすれば良いと思います。
korokorota

2016/11/30 10:02

ご丁寧にありがとうございます。 勉強になりました。今後、気をつけるようにします。 本当にありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.49%

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

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

質問する

関連した質問