내 홈페이지의 맨 아래에서 연락처 양식을 포함하고이 섹션의 앵커를 div id = "contact"로 지정했습니다.다른 페이지로 연결 -> jquery 특정 앵커로 스크롤
임의의 페이지에서 연락처 버튼을 클릭하면 홈페이지로 이동해야하며 페이지로드시 자동으로 연락처 양식으로 스크롤해야합니다.
내가 여기에서 발견 한 비슷한 질문을 검토 한 결과 작동하지 못했습니다. jQuery scroll to ID from different page 시도하면 양식으로 바로 이동합니다. 부드럽게 스크롤하고 싶습니다.
(function($){
var jump=function(e) {
if (e) {
e.preventDefault();
var target = $(this).attr("href");
} else {
var target = location.hash;
}
$('html,body').animate({
scrollTop: $(target).offset().top
},1000,function() {
location.hash = target;
});
}
$('html, body').hide()
$(document).ready(function() {
$('a[href^=#]').bind("click", jump);
if (location.hash) {
setTimeout(function(){
$('html, body').scrollTop(0).show()
jump()
}, 0);
} else {
$('html, body').show()
}
});
나는이 예제와 비슷한 달성하기 위해 노력하고있어 : http://vostrel.cz/so/9652944/page.html 차이가 대신한다는 것을
<li><span>Get in touch</span><a href="index.html#contact">Contact</a></li>
문제의 JQuery와 기능은 다른 페이지에서 홈 페이지에 나와있는 연락처 앵커로 이동합니다 이 경우 두 페이지에 나타나는 "앵커 ID"는 나를위한 앵커 ID (연락처)가 한 페이지 (집)에만 나타납니다.