ページ内ジャンプがうまく動かない

html
1 <a href="#top">
2        <div class="pc">
3          <p>トップへ戻る</p>
4          <div class="pc_img">
5            <img src="/asset/img/pc/pc_jump.png">
6          </div>
7        </div></a>
8 <a href="#top">
9        <div class="sp">
10        <p>トップへ戻る</p>
11        <div class="sp_img">
12          <img src="/asset/img/sp/sp_jump.png">
13        </div>
14      </div></a>

以上のようなHTMLを書いており、idとnameを"top"としたページ最上部にジャンプしたいと思います。
class"pc"の方は問題なく作動するのですが、class"sp"の方はリンクを踏んでURLは変わるのですが画面が変わりません。
画面が変わらないというのはどこに問題があるのでしょうか。
お盆前ですが、ご教授ください。

退会済みユーザー

2019/08/09 14:55

topはどこですか？コードに無いようですが

yoshinavi

2019/08/10 00:15

状況が再現するコード（HTML・CSS）を提示されると良いかと思います。

Lhankor_Mhy

2019/08/10 01:36

ご提示のコードを試してみましたが、「class"sp"の方はリンクを踏んでURLは変わるのですが画面が変わりません。」という問題が再現しませんでした。 https://jsfiddle.net/Lhankor_Mhy/yewu12p4/ xminimxさんの環境では↑のページで問題は再現しますか？問題が再現するのであれば、環境の問題だと思います。問題が再現しないのであれば、ご提示いただいていない部分に問題があるのかもしれません。

xminimx

2019/08/13 01:54

yukke_さん id="top"にあたる部分がスマホではdisplay:none;になっていました！修正したところ問題なくリンクしました、初歩的な点をご指摘いただきありがとうございました。 yoshinaviさんこちらに掲載するにあたりコードを省略しており、自分の初歩的な間違いに気づけませんでした…アドバイスありがとうございます。 Lhankor_Mhyさん class="sp"のなかにid="top"がないのが原因でした。こちらに掲示したコードを省略しており、そこに問題がありました。わざわざ擬似環境までご用意いただき、ありがとうございます。

Lhankor_Mhy

2019/08/13 02:18

ご解決されてなによりです。

yoshinavi

2019/08/13 02:26

自己回答もベストアンサーに選べます。同様の問題で悩んでいる方へのヒントにもなるので、自己回答を投稿してベストアンサーに選び、質問を終了されると良いかと思います。