2012-12-04 4 views
1

작은 화면 (모바일)에서 메뉴 항목이 클릭 될 때 #content로 스크롤하려는 응답 성있는 WordPress 사이트에서 메뉴가 화면 공간의 대부분을 차지하므로 작업하고 있습니다. 나는이 대본을 보았지만 일하지 않았다. WP 모바일 jquery scrolltodiv 메뉴에서

1

$("#access a").click(function() { 
$("#goto").animate({scrollTop: $("#goto").offset().top}); 
}); 

2

$("html, body").animate({ scrollTop: $('#goto').offset().top }, 1000); 

이에 대한 간단한 해결책이 있는가?

답변

0

나는 비슷한 질문에 대답했다. here은 큰 성과를 냈다.

그 답변에 따라,이 시도 :

$(function() { 
var scrollElement = '#content'; 
var destination = $(scrollElement).offset().top; 
$("#access a").click(function() { 
    $(scrollElement).offset().top; 
    $("html:not(:animated),body:not(:animated)").animate({ 
     scrollTop: destination-75 }, 800); 
    }); 
});​ 

주, 75은 사용자가 원하는 곳에 페이지가 정확히 스크롤 할 수 불통 될 수있는 수입니다.

+0

감사합니다. 그러나 그것은 효과가 없었습니다. 페이지로드시 스크롤을 강제로 실행하는 것이 더 쉬울까요? – user1875530

+0

죄송합니다, 거기에 실수가 있었지만 해결했습니다. 이제 작동합니다. 여기에 그것을 설명하는 jsFiddle가 있습니다 : http://jsfiddle.net/E5bLP/8/ – ReLeaf

+0

고마워 :) 그게 효과가있어 – user1875530