如何在css3中使用jquery scrollTop的相同方法
我希望在jquery的顶部有相同的效果,但我不想使用它。如何在css3中使用jquery scrollTop的相同方法,jquery,css,Jquery,Css,我希望在jquery的顶部有相同的效果,但我不想使用它。 因为在某些平板电脑中,这会产生问题(它不适用于GPU)。没有CSS解决方案。但是,使用哈希对您有效吗,即http://example.com#footer?如果是这样,只需调用以下JS行: window.location.hash = '#footer'; 我最近解决了这个问题,在transform属性上进行转换,然后在转换后清除转换并设置scrollTop。这似乎很有效 document.body.style.webkitTransi
因为在某些平板电脑中,这会产生问题(它不适用于GPU)。没有CSS解决方案。但是,使用哈希对您有效吗,即
http://example.com#footer
?如果是这样,只需调用以下JS行:
window.location.hash = '#footer';
我最近解决了这个问题,在
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);
及
它如何帮助我制作过渡效果?这对过渡效果不起作用。也许考虑将它作为一个后退,用于那些出现问题的特定设备/浏览器。好的,谢谢,但是它在实践中做了什么?ScRelLTOP(在DOM中)?因此,我可以理解如何找到解决方案,这将是非常有趣的!以下是一些有用的文档:
body {
-webkit-transition: -webkit-transform 1.8s ease-in-out;
}