最新文章
- MySQL中, group by 和 order by 一起使用会有排序问题,group by 和 order by 同时使用时要注意的地方
- Vue学习笔记(10) ——Vue组件中的data和methods
- Vue学习笔记(9) ——Vue组件创建的几种方式
- Vue学习笔记(8) ——Vue实例的生命周期
- Vue学习笔记(7) —— 过滤器 filter的基本使用
- Vue学习笔记(6) ——v-if指令和v-show指令
- Vue学习笔记(5) —— v-for指令和key属性
- Vue学习笔记(5) —— Vue中样式-class样式和style样式
- Vue学习笔记(4) —— v-model指令,双向数据绑定
- Vue学习笔记(3) —— Vue事件修饰符
关注我

在线咨询
x
有什么可以帮到你

点击咨询
解决$(”body“).animate({“scrollTop”:top})不被Firefox支持或不被Chrome支持的问题
- 分类:WEB前端
- 时间:2018-01-11
- 共899人围观
简介用于创建自定义动画的函数,如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。用于创建自定义动画的函数。如果使用的是“hide”、“show”或“toggle”这样的字符串值,则会为该属性调用默认的动画形式。
一、定义
用于创建自定义动画的函数
如果使用的是“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这两者都加上就可以了。