Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在css3中使用jquery scrollTop的相同方法_Jquery_Css - Fatal编程技术网

如何在css3中使用jquery scrollTop的相同方法

如何在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

我希望在jquery的顶部有相同的效果,但我不想使用它。
因为在某些平板电脑中,这会产生问题(它不适用于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;
}