как использовать тот же метод jquery scrollTop с css3

Question

Я хочу тот же эффект scrollTop из jquery, но я не хочу его использовать.Потому что в некоторых планшетах это создает проблемы (это не работает с графическим процессором).

Answer 1

Я недавно решил эту проблему, перейдя к свойству transform, затем после перехода очистив преобразование и установив scrollTop. Кажется, это хорошо работает.

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;
}

Answer 2

Нет CSS-решения для этого. Однако сработает ли для вас использование хэшей, т. Е. http://example.com#footer? Если это так, просто позвоните в следующую строку JS:

window.location.hash = '#footer';