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

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

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

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

2443閲覧

スマフォ用サイドメニュー、sp-slidemenuの実装について

退会済みユーザー

退会済みユーザー

総合スコア0

JavaScript

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

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2016/05/10 09:52

初めまして、質問失礼いたします。

sp-slidemenuという、jsプラグインを使用してスマートフォン向けスライドメニューを制作しています。
CSSは多少いじれますが、jsはそのまま使用する程度の知識のため、”なにか原因があるのか”、できるのかどうか、の時点で詰まっている状態です。

↓プラグインの配布元はこちらですが、
https://github.com/be-hase/sp-slidemenu
↓こちらの実装例を参考に作成致しました。
http://tokunagakazuya.tk/luh6

メニューの完成はしたのですがスライドを開閉時、
毎回ではないのですが、メインのコンテンツ部分がブラウザの縦半分程度の大きさで数秒止まってしまうときがあります。
少し手で動かしてみたり、数秒経つとスマフォの画面いっぱいにひろがるので、JS部分で制御できるのでは?と思ったのですがいかんせんjsをいじる段階の知識がなく…。

使用しているページは、フューチャーショップというシステム内の商品ページになります。

ロード時に時間をあけずに、ブラウザいっぱいにページを表示させるような指定ができれば教えて頂きたく思います。

また難しい場合、原因がわかる方がいらっしゃれば、ご助力頂ければ幸いです。
どうぞよろしくお願いいたします。

↓使用したjsはこちらとほぼ同じです。
view-source:http://tokunagakazuya.github.io/sp-slidemenu/sp-slidemenu.js

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

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

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

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

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

kei344

2016/05/11 07:47

まだ質問が「受付中」になっていますが、いったんご自身の回答をベストアンサーに選び、「解決済」にされてはいかがでしょうか。
退会済みユーザー

退会済みユーザー

2016/05/11 07:55

アドバイスありがとうございます。そのようにさせて頂きました。
guest

回答1

0

ベストアンサー

すみません、質問者ですが、難しく考えない方がいいのかもと思い自分で思いつく方法を試したところ、
viewportの設定を変更したら上記の現象がなくなりました。

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes"> ↓ <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">

初歩的なところで質問してしまい申し訳ありません。
見てくださった方ありがとうございます。

投稿2016/05/11 06:20

退会済みユーザー

退会済みユーザー

総合スコア0

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

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問