🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
JavaScript

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

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

811閲覧

SlideMenu使用時の後処理について

vuivuimasahiko

総合スコア6

JavaScript

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

jQuery

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

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/11/11 02:07

編集2019/11/11 02:26

前提・実現したいこと

あるサイトのHTMLコーディングを参考にしているのですが、
処理の内容がわかりません。
1行目でSlideMenuを表示しているようですが、
2行目以降の処理は何をしているのでしょうか。

参考ページ
http://hp.kaipoke.biz/gdy/115333/index_0030.html

発生している問題・エラーメッセージ

特に記載がなくてもスライドメニューは表示されます。

該当のソースコード

<script> var menu = SpSlidemenu('#cms_wrapper', '.slidemenu-right', '.menuBtn', {direction: 'right'}); $(document).ready(function() { var pagetop = $('.pagetop'); $(window).scroll(function () { if ($(this).scrollTop() > 100) { pagetop.fadeIn(); } else { pagetop.fadeOut(); } }); pagetop.click(function () { $('body, html').animate({ scrollTop: 0 }, 500); return false; }); }); </script>

試したこと

参考サイトの記述がなくてもそれなりに動作しています。

補足情報(FW/ツールのバージョンなど)

よろしくお願いいたします。

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

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

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

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

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

2KOH

2019/11/11 03:07

この質問の SlideMenu とは、sp-slidemenu.js というライブラリのことのようですが。 あなたの勉強の仕方は異常です。 あなたがしていることは、ハンバーグの作り方を知りたいという人が、コンビニでハンバーグ弁当を買ってきて、中に入っているハンバーグを元に調理方法を推測しようとして、わからずにネットで作り方を質問していることと同じです。 ハンバーグの作り方が知りたければ、ハンバーグの作り方の書かれたレシピサイトや料理本を見るとか、料理教室に通うとかするのが普通です。 それと同じで、sp-slidemenu.js の使い方が知りたければ、sp-slidemenu.js の使い方が書かれたサイトや本(まあ、本はない気がしますが)を見るとか、プログラミング教室に通うとかしてください。
vuivuimasahiko

2019/11/11 13:11 編集

ハンバーグの作り方が分からなければ、研究するのが普通ですよね。 (teratailもその一つです)。作れないでは社会人失格ですよ。誹謗中傷はご遠慮ください。
2KOH

2019/11/11 13:19

なんだか言いたいことが伝わっている気がしないのですが、他人に説教したくてこのサイトを利用しているわけではないので別にいいです。 すみませんが、上のコメント共々無視してください。
guest

回答1

0

ベストアンサー

javascript

1 $(document).ready(function() { 2 var pagetop = $('.pagetop'); 3 $(window).scroll(function () { 4 if ($(this).scrollTop() > 100) { 5 pagetop.fadeIn(); 6 } else { 7 pagetop.fadeOut(); 8 } 9 }); 10 pagetop.click(function () { 11 $('body, html').animate({ scrollTop: 0 }, 500); 12 return false; 13 }); 14 });

「ページのTOPへスクロール」する機能の関連コードだと思います。

teratailでいうなら、↓これです
イメージ説明
(上記コードとまるっと同じではないですが、機能自体はこれのこと)

縦にながーいページにあったりすると、便利っぽいやつですね。
実際にどんな処理を行っているのかは、ご自分でコードを読解された方が良いですし、
調べれば似たようなコードが沢山出てくると思いますので割愛させていただきます。

「SlideMenu」がどんなものかは不明ですが、
コードの記述から見ても直接関係あるものではないと思いますので、
2行目以降が無くても「SlideMenu」は問題なく動くのだと思いますよ。

投稿2019/11/11 03:06

mix-peach

総合スコア1910

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

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

vuivuimasahiko

2019/11/11 13:07

pagetop.fadeOut で検索するとズバリ正解のページが見つかりました。 ありがとうございます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問