위쪽 또는 아래쪽 화살표를 클릭하여 항목 목록을 위아래로 스크롤 할 수있는 상자를 만들려고하지만 위쪽 화살표 나 아래쪽 화살표를 더 많이 클릭하면됩니다. 매우 빠른 속도로 스크롤 애니메이션의 응답 속도가 점차 느려지고 있습니다. 재귀 적으로 호출되는 것에 대해 읽은 적이 있습니다. 스크롤 효과의 응답 성을 높일 것이라고 생각합니다. 내 jquery를 볼 수 있고 성능 향상에 대한 조언을 해줄 수있는 사람이 있으면 좋겠다.Jquery 스크롤 효과가 더 많이 클릭하면 느려집니다.
$(window).load(function() {
$("#ScrollUp_Wrapper").mouseenter(function() {
$("#ScrollUp_Button").fadeIn("fast", function() {
$(this).css("filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E5E5E5')"),
$(this).css("background", "-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E5E5E5))"),
$(this).css("background", "-moz-linear-gradient(top, #F2F2F2 , #E5E5E5)")
$("#ScrollUp_Button").mouseup(function() {
$("#AllPost_leftcol").animate({ scrollTop: $("#AllPost_leftcol").scrollTop() - 200 }, 500);
});
});
}).mouseleave(function() {$("#ScrollUp_Button").fadeOut("fast");});
$("#ScrollDown_Wrapper").mouseenter(function() {
$("#ScrollDown_Button").fadeIn("fast", function() {
$(this).css("filter", "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F2F2', endColorstr='#E5E5E5')"),
$(this).css("background", "-webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#E5E5E5))"),
$(this).css("background", "-moz-linear-gradient(top, #F2F2F2 , #E5E5E5)")
$("#ScrollDown_Button").mouseup(function() {
$("#AllPost_leftcol").animate({ scrollTop: $("#AllPost_leftcol").scrollTop() + 200 }, 500);
});
});
}).mouseleave(function() {$("#ScrollDown_Button").fadeOut("fast");
});
});
당신이 jsFiddle 예제를 만들 수 있습니까? – j08691
'Jquery 스크롤 효과는 클릭 수가 많을수록 속도가 느려집니다. '. 아무 곳이나 클릭 이벤트가 표시되지 않습니다. 이 문제를 보여주는 jsFiddle이 최선의 방법 일 수 있습니다. – Nope