2018-01-11解决$(”body“).animate({“scrollTop”:top})不被Firefox支持或不被Chrome支持的问题

您现在的位置是: 首页 > WEB前端 > 解决$(”body“).animate({“scrollTop”:top})不被Firefox支持或不被Chrome支持的问题

377次阅读

一、定义


用于创建自定义动画的函数

如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。


二、下面着重说一下$(”body“).animate({“scrollTop”:top})不被Firefox支持或不被Chrome支持的问题


$(”body“).animate({“scrollTop”:top})的作用: 回到浏览器顶部


$("body").animate({"scrollTop":top});

// 不被Firefox支持问题的解决。


其实是因为使用了body的:

$("body").animate({"scrollTop":top});

// 只被chrome支持,而不被Firefox支持。


而使用html的:

$("html").animate({"scrollTop":top});

//只被Firefox支持,而不被chrome支持。


三、解决方案


如果想让这段js被chrome和Firefox都支持的话,应该这样:

$("html,body").animate({"scrollTop":top})

// 就是将html和body这两者都加上就可以了。