채택완료

a태그에 href에 도메인 주소를 넣고 오프셋을 적용

a태그에 href에 도메인 주소를 넣고 오프셋을 적용하고 싶은데 방법을 모르겠어서요 ㅠㅠ 

 

만약 index에서 a태그의 링크를 클릭하면 href에 있는 링크로 이동하는데, 

 

오프셋을 offset.top -150 인 위치가 보이게 하려고하는데 방법이 있을까요 ?

답변 2개 / 댓글 6개

채택된 답변
+20 포인트

href로 다른사이트를 링크거는데 다른사이트에 offset을 주고싶다는 말씀이신가요?

이 말씀이시라면 불가능합니다. 예전에는 내사이트에 iframe frame 등을 사용해서

주식사이트등 다른사이트 페이지를 불러온뒤 스크립트로 위치를 조절하기도 했으나,

크로스도메인관련 하여 브라우저별로 제한되고 있어 추천드리지 않습니다. 

답변에 대한 댓글 4개

허헝 ㅠㅠ 뭔가방법이 없을까요 ㅠㅠ? ㅋㅋ 뭔가 생각상으로는 간단한데 구현이 안되서 ㅋ
아래분 말씀처럼 다른사이트를 수정가능하면 가능하겠지만... 불가능할경우에는
내 홈페이지에 iframe을 만들고 요런식으로 처리~
[code]
var scrollTop = $($(this).find("a").attr("href")).offset().top+parent.gContentsHeight+100;
document.getElementById("gogo_frame").src = "http://naver.com?"+scrollTop;
[/code]
$( document ).ready(function() {
var offset = $("#contact").offset();
$('html, body').animate({scrollTop : offset.top}, 400);
});

처리방법을 이렇게 했더니 되네요 ㅋㅋ
ㅋㅋ 다른사이트.. 헛다리짚고 수정못하시는 기준으로 말씀드렸네요.. 소통의 부재~~~

목적지 그 지점에 id나 name을 만든 후,

거기로 링크시키면 되지 않을까요?

https://homzzang.com/b/html-58

답변에 대한 댓글 2개

오프셋과는 다른 내용인거같아요 ㅎㅎ 링크에 #name 이런식으로 넣으면 그 위치로 가는건 쉬운데 오프셋위치값을 지정해줘야하기때문에..ㅋ 감사합니다 ^^
그러니까요... 그 부분을 CSS로 높이 설정해높으면,
알아서 찾아가지 않을까요?

답변을 작성하려면 로그인이 필요합니다.

🐛 버그신고