jquery와 같은 방법을 사용하는 방법 scrollSop with css3

Question

jquery와 동일한 효과 scrollTop을 원하지만 사용하지 않아야합니다. 일부 타블렛 때문에 문제가 발생합니다 (GPU에서는 작동하지 않음).

Answer 1

여기에는 CSS 해결책이 없습니다. 그러나 해시를 사용할 수 있습니까? 즉 http://example.com#footer? 그래서, 그냥 JS의 다음 줄을 호출

window.location.hash = '#footer'; 

Answer 2

나는 최근에 변환을 지우고 scrollTop을 설정 한 후 전환 후 transform 재산으로 전환하여이 문제를 해결했다. 그것은 잘 작동하는 것 같습니다.

document.body.style.webkitTransitionDuration="500ms"; 
document.body.style.webkitTransform="translate("+(left()-x)+"px,"+(top()-y)+"px)"; 
window.setTimeout(function(){ 
    document.body.style.webkitTransitionDuration="0ms"; 
    window.scrollTo(x,y); 
},500); 

및

body {      
    -webkit-transition: -webkit-transform 1.8s ease-in-out; 
}