스크롤 크롬에서 작동하지만 파이어 폭스 나 IE

Question

에 난 창을 스크롤하려면 다음 코드를 사용하고 있습니다 때 몇 가지 링크에서 사용자가 클릭 :

$(document).ready(function(){ 
$("#footerlink").click(function(){ 
    $("#slide1").slideto({}); 
}); 
$("#logo").click(function(){ 
    $("#slide1").slideto({}); 
}); 
$("#home").click(function(){ 
    $("#slide1").slideto({}); 
})  
$("#others").click(function(){ 
    $("#slide2").slideto({}); 
}) 
$("#me").click(function(){ 
    $("#slide3").slideto({}); 
}); 
$("#laughs").click(function(){ 
    $("#slide4").slideto({}); 
}); 
}) 

가 슬라이드 기능이 스크립트에서오고있다 :

(function(b) { 
b.fn.slideto = function(a) { 
    a = b.extend({ 
     slide_duration: 1000, 
     highlight_duration: 3E3, 
     highlight: false, 
     highlight_color: "#FFFF99" 
    }, a); 
    return this.each(function() { 
     obj = b(this); 
     b("body").animate({ 
      scrollTop: obj.offset().top 
     }, a.slide_duration, function() { 
      a.highlight && b.ui.version && obj.effect("highlight", { 
       color: a.highlight_color 
      }, a.highlight_duration) 
     }) 
    }) 
} 
})(jQuery); 

내 문제는 스크롤은 Firefox 또는 IE가 아닌 Chrome에서만 작동한다는 것입니다. FF와 IE는 링크가 여전히 작동하도록 멋지게 저하되지만 스크롤 애니메이션은 정말 좋아합니다.

는 참고 : 나는이 두 라인으로 jQuery를 호출 오전 : http://jsfiddle.net/LwXR3/

당신이 내 문제를 추적 할 수 :

여기

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 

이 내 코드의 바이올린입니까?

Answer 1

알겠습니다. 댓글에 표시하기에는 너무 깁니다. 위의 코드에서 복사 붙여 넣기 엉망을 피하는 것이 좋습니다. 코드는 거의 똑같이 ID를 뺀 것입니다. 하드 코딩 대신에 위치를 얻으려면 href를 사용하십시오.

HTML

<a class="slideLinks" href="#foo">go to foo</a> 

자바 스크립트

$(".slideLinks").on("click", function(e){ 
    e.preventDefault(); //p[revent the click 
    $(this.hash).slideto({}); //call your slide to function with the hash value for the id 
});