jQuery动画bottom用IE浏览器不兼容的问题怎么解决呢？

Posted 2023-05-05

<script type="text/javascript">
$(document).ready(function()
$("#nav_in").animate(
bottom:'0'
,2500).removeClass("nav_in1");
$(".head1").css("margin-top":"0");
);
</script>

jQuery animate() IE浏览器用bottom不兼容的问题怎么解决呢？能具体点。谢谢！

参考技术A 首先 你的nav_in 要有定位才行

我试了试 做动画的时候是行的 IE也行

如果你的实在不行 你可以考虑用top来做 它是到最下面 你可以让top的值 等于当前元素的父类的高度减去它本身的高度 nav_in也就到底了追问

怎么定位能不能具体点呢？
图片是从上到下移动的。nav_in已经用top了。

vscode的jquery.+js+插件是哪一个？

参考技术A

你说的是 jQuery 插件码? jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库

jQuery 版本的选择

1.x 是兼容 IE 6、IE 7、IE8 的，是工作中使用次数最多的也是最经常使用的，一般情况下使用的是 1.12.4 版本

2.x 非兼容 IE 6、IE 7、IE8  的，多用于 jQuery 官方调整 bug 使用，工作中不常用

3.x 非兼容 IE 6、IE 7、IE8  的，只能用在版本高的浏览器中，是现在 jQuery 官方主要的维护升级版本

我一般是用的是 jQuery@1.12.4 版本

可以去 jQuery 页面下载包, 也可以是使用 Node.js 中的 npm 进行下载:

npm 命令: npm install jquery@1.12.4

或是 ( 简写 ): npm i jquery@1.12.4

当然也可以用 yarn 进行下载:

yarn 命令: yarn add jquery@1.12.4

以上命令请在使用的指定目标文件中使用, 如: 

请使用`<script src="./node_modules/jquery/dist/jquery.min.js"></script>` ( 自行更改 node_modules 前的路径 )