javascript - 如何滚动到元素跨浏览器使用 jquery animate

标签 javascript jquery cross-browser scroll jquery-animate

这段代码:

jQuery('body').animate({scrollTop: target.offset().top}, 300);

适用于 Firefox,但不适用于 Chrome。

这段代码:

jQuery('html').animate({scrollTop: target.offset().top}, 300);

适用于 chrome,但不适用于 firefox。

我还没有在 IE 中测试过。

跨浏览器的正确方法是什么?如果从上面的代码片段中看不清楚,我的目标是页面上的一个 div,我想慢慢向下滚动到它,所以它们完全符合我的要求...只是不跨浏览器。

最佳答案

同时指定 htmlbody:

$("html,body").animate({scrollTop: target.offset().top}, 300);

关于javascript - 如何滚动到元素跨浏览器使用 jquery animate,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15664799/

相关文章:

javascript - 如何在javascript中为dom对象定义函数

gwt - 是否可以在 GXT 中实现跨浏览器用户名/密码自动完成?

javascript - Jquery 区域鼠标悬停问题

php - 通过 Javascript 访问 HTTP GET 请求

javascript - jQuery 将 img 附加到每个 div

css - 滚动条在 IE/Edge 上与内容重叠

Javascript - 确定对 Element.children 功能的支持

php - 使用 php 和 jquery 存储基于 html 的博客文章时的编码错误

javascript - Firebase:如何在javascript中读取来自不同 child 的 child ?

javascript - 在选择和更新时计算值