ポップアップウィンドウを開いたときに指定場所まで移動させるためにはどのようにすればいいでしょうか？

初めての投稿なので至らない部分もあると思いますが何卒宜しくお願い致します。

前提・実現したいこと

悩み　ポップアップウィンドウを開いたときに指定場所まで移動させるためにはどのようにすればいいでしょうか？

actionではただ、ポップアップウィンドウを開くのみ
action1では、ポップアップウィンドウを起動しh2まで移動させたいです。

現状

action,action1は隣り合うboxなのですが、actionしか起動せず、action1は起動しません。

また、idで同ページジャンプをしようとしますが
ポップアップウィンドウを起動してからどのようにすればいいのでしょうか？

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

Javascript
1<script type="text/javascript">
2    $(function(){
3      $('.action, action1').click(function(){
4       //action,action1で同ポップアップウィンドウを起動
5        $('.popup').fadeIn();
6      });
7      $('.popup-close').click(function(){
8       $('.popup').fadeOut();
9      });
10     
11    });
12      </script>
13
14
15
16

html
1<section class="top">
2    <div class="btn top-banner_title action">
3    //ポップアップウィンドウ起動
4   　 </div>
5    <div class="btn top-banner_title action1">
6　　//ポップアップウィンドウを起動し、h2まで移動したい
7   　 </div>
8  </section>
9
10-----------------------------------------------------
11
12<section class-"popup>
13 <h1>Title</h1>
14  <h2 id="info">Title1</h2>
15    </section>
16

yambejp

2019/09/18 10:59 編集

typoひどい(１箇所や2箇所じゃない)ので、現時点できちんと動くようなソースを提示くださいおなじ内容がダブっている箇所もあるので整理してください

GIIIG

2019/09/18 11:07

ご回答ありがとうございます。現時点で解決した問題と解決したい問題を整理、編集させていただきました。

yambejp

2019/09/18 11:20 編集

$(function()の中に$(function()をいれないこと getElementById('#info')→idに#はつけないこと ('.action1').clickのfunctionの中に意味不明なfunction scrollTopはwindowのメソッドでよいの？ <section class-"popup>とかもうむちゃくちゃわからないならわからないなりに、もうちょっとちゃんとやりましょうよ・・

GIIIG

2019/09/18 11:26

最底辺の人間なんですいません。

yambejp

2019/09/18 11:28

もうちょっと良いエディタ使うだけであきらかな間違いは可視化できます開発環境を整えるところからじゃないでしょうか

GIIIG

2019/09/18 11:57

質問する以前の問題でしたね。出直してきます。

行動規範の内容に同意します

回答2件

自己解決

質問する以前の問題でした。

解決方法

ー開発環境を整える
ーわからないなりに勉強する

勉強した結果

以下のコードで正しく挙動確認できました。

JavaScript
1var myfunc1 = $(function(){
2       $('.action1').click(function(){
3         $('.popup').fadeIn();
4          });
5
6      var element = document.getElementById("info");
7      var myfunc2 = $(function(){
8        $('.action1').click(function() {
9          element.scrollIntoView();
10        });
11            });
12
13       $('.popup-close').click(function(){
14        $('.popup').fadeOut();
15       });
16    });

投稿2019/09/18 12:00

編集2019/09/19 02:57

GIIIG

総合スコア9

kei344

2019/09/18 12:04

どのように解決したかコードを回答欄に追記いただけませんか？このページに辿り着いた同じ疑問を持つ人のために、ぜひお願いします。【ヘルプ｜teratail（テラテイル）】 https://teratail.com/help#resolve-myself > 質問をした後に自己解決してしまった > > 自分で投稿した質問にも回答する事が可能です。質問文の内容を編集したりせず、回答を付けベストアンサーをクリックし解決済みにしてください。 > また後から読む人のためにも、具体的な解決手順を記載してください。

行動規範の内容に同意します