Q&A
早速のご回答ありがとうございます。
そうですね、JS、JQueryは書いていないです。参考にさせていただきます。どうにもならなければJSなどで無理やり飛ばすことになりますかね
###前提・実現したいこと
自社のLPを制作しています。ページは1つで、最下部にフォームがありフォームからはPHPに飛ばして自動返信、というものです。
###発生している問題・エラーメッセージ
ここでは、https://example.com/lp/というURLにそのページを作っているとします。
リンクから遷移しても、直接URLを打ち込んでも、更新しても、サイトの最上部ではなく必ずフォームの部分が表示されてしまいます。
###該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>たいとる</title> 6 <meta name="description" content=""> 7 <meta name="" content=""> 8 <link rel="stylesheet" href="LP.css"> 9 <link rel="stylesheet" href="../form/form.css"> 10 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> 11 <!-- Global site tag (gtag.js) - Google Analytics --> 12 <!--analyticsのもろもろ--> 13 </head> 14 <body> 15 <div class="content" id="top"> 16 <header> 17 <!--なかみ・この部分を表示してほしい(というか表示されるはず)--> 18 </header> 19 <div class="page-1-content"> 20 </div> 21 <!--なかみ--> 22 <div class="form-wrap"> 23 <h2 id="application-head">お申込み</h2> 24 <p></p> 25 <form id="application-form" class="form" action="../form/application_data.php" method="post"> 26 <!--なかみ・この部分が表示されてしまいます--> 27 </form> 28 </div> 29 </div> 30 </body> 31</html>
###補足情報(言語/FW/ツール等のバージョンなど)
リンクにタグが付いているわけではないです(直接打ち込みでそうなってしまいます)
ここかなと思うところは、
・フォームとそのCSSを別ディレクトリから引っ張ってきている(流用している)
くらいですが、よくわかりません
(メタタグは省略しておらず、これしか載っていません)
htaccessにも何も書いていないので原因がわからずです。よろしくお願いいたします。
(サーバーはXserverです)
回答2件
0
自己解決
完全に初歩的なミスでした
<input>属性にautofocusを指定していたので、すぐにそこに遷移するようになってしまっていました
お騒がせしました。
投稿2017/12/12 12:19
総合スコア49
0
リンクから遷移しても、直接URLを打ち込んでも、更新しても、サイトの最上部ではなく必ずフォームの部分が表示されてしまいます。
きっと、</body>の終了タグの前に<script>タグでjqueryの読み込みなどが行われていないようなので、JavaScriptでスクロールや、<a>リンクへ飛ばす処理は書いていないのだろうと推測します。
その場合、phpや、cssでページ内リンク(formの一番上から飛ばす)方法は知らないので、代わりに
JavaScriptでページ内リンクさせている場合こんな処理が行われていますというのを載せておきます。
参考になるかどうかは分かりませんが、こんな処理があるか確認して見て欲しいです。
投稿2017/12/12 11:52
総合スコア39
他に考えられることは、PHPのリダイレクトの時に、ページ内リンクを指定することが出来るかもしれないですね。やってみたことはないですので、確信は持てませんが。
ページが自動で切り替わるのは、redirect('/form/application_data.php/○○');
みたいな処理がかけそうな気もします。
action="../form/application_data.php"
ここの/formが要らない気もします。ここが怪しいですね。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/12 12:38