그누보드 QA - 다른페이지로 이동후 anchor 이동방법. 다시 질문드려요.

다른페이지로 이동후 anchor 이동방법. 다시 질문드려요.

크림빵1 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2021.12.14 10:15:42 조회 2056 (218.♡.♡.135)

본문

우선 index.php 페이지에

<div id="asideSwipe">
<div class="imgWrap">
<ul>
<li class="scrollObj" data-scroll="top" data-delay="200">
<a href="<?php echo G5_THEME_URL ?>/page/a.php#p2" target=""> <--여기에 링크
<div class="imgArea">
<img src="<?php echo G5_THEME_IMG_URL ?>/aside_banner1.jpg" alt="Image 1" />
</div>
<div class="mask"></div>
<div class="caption">
<h2></h2>
<p class="desc"></p>
<p class="date"><span class="main_bauuton5"></span></p>
</div>
</a>
</li>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

page/a.php 페이지에

<section class="wr-block" data-block-type="features" data-id="15">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-left">
<a id="p1"></a> <-- 여기에 앵커 삽입
<h1>제목 </h1>
<p class="text-h3"></p>
<p class="text-h3"></p>
<img alt="image" class="img-fluid mt-5" src="<?php echo G5_THEME_IMG_URL ?>/img_plus/profile_1.png" id="yisang">
</div>
</div>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

이런식으로 html를 넣어서 테스트해보는데

다른페이지로 이동하면서 앵커에 포커싱이 되지 않네요..

제가 어떤 실수를 한것일까요?

그냥 html에서 심플하게
<a href="1/d.html#p1" target="">다른페이지 앵커 이동</a>

ㅡㅡㅡㅡ

위치 이동

<a id="p1"></a>

이런식으로 로컬에서 테스트하면 잘 이동됩니다.

고수님들 답변 부탁드립니다.

#앵커 #다른페이지이동

답변 3

백수1995 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2021-12-14 10:27:33 121.♡.♡.49

일단 p2 로 이동했는데 p1 앵커로?

오타가 아니라면 안될이유가 없어 보입니다.


jQuery(document).ready(function () {
    var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
    if (window.location.hash && isChrome) {
        setTimeout(function () {
            var hash = window.location.hash;
            window.location.hash = "";
            window.location.hash = hash;
        }, 300);
    }
});

참조 : https://community.wpbeaverbuilder.com/t/anchor-links-to-another-page-not-working-in-chrome/10557/8