2016-11-02 6 views
1

안녕하세요. Chrome에서 원활하게 스크롤 할 수 없습니다. 다른 브라우저에서도 잘 작동합니다. 앵커 포인트로 이동하지만 부드럽게 스크롤하지는 않습니다. 또한 크롬에 따라 스크롤을 활성화 : // 플래그/Chrome 앵커에서 부드러운 스크롤링이 작동하지 않습니다.

jQuery를 :

jQuery('.arrow-down').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    jQuerytarget = jQuery(target); 
    jQuery('html, body').stop().animate({ 
     'scrollTop': jQuerytarget.offset().top - 60 
    }, 1500, 'swing', function() { 
     window.location.hash = target; 
    }); 
}); 

HTML : 안녕하세요이 이걸 알아 낸

<a href="#articleblock1" class="btn arrow-down"><div>SCROLL DOWN</div><i class="fa fa-angle-down" style="line-height:15px;font-size:30px;"></i></a> 

답변

2

합니다. 나는 overflow-x : 내 몸에 보인다.

그래서 이것을 오버플로로 변경했습니다. 보이는 것이고이 작업은 ... 확실하지 않은 이유는 무엇입니까?

+0

고마워요! 이것은 body 요소에 설정 한 overflow-y 속성이 내 자신의 문제를 일으키고 있다는 것을 알 수있었습니다. :) – SilasOtoko

1
body {  
    overflow:visible; 
} 

이것은 나를 위해 일했습니다. 페이지의 CSS에 넣으십시오. Chrome은 jquery 애니메이션 스크롤 탑 코드가 무작위로 1 개월 전에 작동하지 않게했습니다. 이전에 어떤 답변도 찾을 수 없었기 때문에 나는 이것을 다시 보았 기 때문에 기쁘다. RRowan 감사합니다!