JQuery Animate() 从页面底部向上滑动 div

2024-01-11

希望很简单,但尝试实施其他问题的答案却无济于事。

我有一个 div I,我想在文档加载时从页面底部向上滑动。但是,我似乎无法让 JQuery 工作。这是我所拥有的:

#content {
    width: 640px;
    margin:auto;
    margin-top: 2000px;
}

$(function(){

$('#content').animate({MarginTop: '50px',} 1000);

});

基本上,我只是想缩小margin-top页面加载时的距离。

有人能指出我正确的方向吗?谢谢


Try:

$('#content').animate({'margin-top': '50px'}, 1000);

JsFiddle http://jsfiddle.net/MvQsT/1/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery Animate() 从页面底部向上滑动 div 的相关文章

  • 检测 Google 验证码的挑战窗口何时关闭

    我正在使用谷歌隐形验证码 有没有办法检测挑战窗口何时关闭 我所说的挑战窗口是指您必须选择一些图像进行验证的窗口 目前 我在按钮上放置了一个旋转器 一旦单击按钮 就会呈现验证码挑战 无法向用户提示另一个质询窗口 我以编程方式调用渲染函数 gr
  • React JS 服务器端问题 - 找不到窗口

    你好 我正在尝试在我的reactJS项目中使用react rte 我有服务器端渲染 每次我想使用这个包时 我都会得到 return msie 6 9 b test window navigator userAgent toLowerCase
  • 如何转义 HTML 字符?在.NET中-->“

    如何在 NET 中转义 HTML 字符 我正在从 json 字符串中获取 html 并在标题中得到 amp quot more text 看起来我需要做两次才能得到 amp quot 成为 quot 那么它就是一个 如何转义 NET 中的所
  • karma/jasmine 控制台更详细的测试结果

    我使用 Karma 和 Jasmine 进行 javascript 单元测试 假设我有一个失败的测试 如下所示 expect objectA toEqual expectedObjectA 当失败时 我看到控制台上转储了两个对象 并显示一条
  • JavaScript 将键添加到数组中的每个值

    我下面有这个数组 它由一个简单的数组组成 我想要完成的是放一把钥匙id在每个数组值前面以实现类似的效果 id a id b id c id d 有没有一种简单的方法可以做到这一点 任何帮助将不胜感激 谢谢 var test a b c d
  • 将 Firebase FCM 添加到 ReactJS 应用程序

    我正在尝试向我的 ReactJS 应用程序中的用户发送推送通知 我已添加 firebase 请求用户通知权限 这正在发挥作用 但现在我想注册设备令牌 但这给了我错误 消息传递 我们无法注册默认的 Service Worker 无法注册 Se
  • JavaScript中如何确保输入的值是数字而不是字符串?

    我创建了这个函数 function num var x prompt please enter your first number var y prompt please enter your second number if isNaN
  • 当我多次调用 requestAnimationFrame 时会发生什么

    我的意思是一次调用多个具有相同功能的 requestAnimationFrame function Draw DoSomething function AFunc prepare something requestAnimationFram
  • ES6继承:使用`super`访问父类的属性

    JavaScript 的super关键字 当我在 Chrome Babel TypeScript 上运行代码时 得到了不同的结果 我的问题是哪个结果是正确的 规范的哪一部分定义了这种行为 下面的代码 class Point getX con
  • 电话输入自动填充会删除国际前缀

    我有一个类型为 tel 的输入字段 并启用了自动完成功能
  • webpack中动态加载外部模块失败

    我正在尝试建立以下架构 一个核心 React 应用程序 它具有一些基本功能 并且能够在运行时加载其他 React 组件 这些额外的 React 组件可以按需加载 并且它们在构建核心应用程序时不可用 因此它们不能包含在核心应用程序的捆绑包中
  • 呃!尝试将包发布到 npm 时出现 403

    我正在尝试将包发布到 npm 您可以在此处查看存储库 https github com biowaffeln mdx state https github com biowaffeln mdx state 我登录到 npmnpm login
  • 使用 animate() 的简单 jQuery 幻灯片

    使用 jQuery 的animate 如何将每个图像滑动一次 使用Slick js https github com kenwheeler slick 像CSS动画 然后停在最后一个 div class slideshow style he
  • CSS 精灵按钮

    这些精灵按钮让我抓狂 我几乎可以让他们工作 但不完全是 我正在玩这个非常简单的精灵图像 我有一个 jsfiddle 项目 gt gt 这里 如果你想看的话 但如果你只想看一下 代码就在下面 http jsfiddle net jp2code
  • 使用 ref 触发反应 dropzone 不起作用

    我正在实现这个库 https github com felixrieseberg React Dropzone Component https github com felixrieseberg React Dropzone Compone
  • PDF 在 Safari 中隐藏 Jquery Modal

    这是与我有关的事情this https stackoverflow com questions 24052681 pdf hide jquery modal in ie问题 在 IE 中 我在对话框中使用 iframe 解决了问题 所以它工
  • Bootstrap 导航栏与 Google 位置重叠自动完成下拉菜单

    我有一个导航栏 我试图在其中添加一个地点搜索框 除了谷歌位置提示框的一小部分被导航栏重叠 如下图所示 之外 一切几乎都有效 我尝试过改变z index输入框的值改为10或2000或90000但似乎没有效果 我还缺少其他需要做的事情吗 这是
  • 在 JavaScript 函数的 Django 模板中转义字符串参数

    我有一个 JavaScript 函数 它返回一组对象 return Func id name 例如 我在传递包含引号的字符串时遇到问题 Dr Seuss ABC BOOk 是无效语法 I tried name safe 但无济于事 有什么解
  • 确定 Javascript 中的日期相等性

    我需要找出用户在 Javascript 中选择的两个日期是否相同 日期以字符串 xx xx xxxx 形式传递给该函数 这就是我需要的全部粒度 这是我的代码 var valid true var d1 new Date datein val
  • Chrome 扩展:强制 popup.html 关闭

    我想知道是否可以强制 popup html 关闭 在弹出的 javascript 中 window close

随机推荐

  • 使用 If、ElseIf、ElseIf 比使用 If、If、If 更好吗?

    使用之间真的有什么区别吗 If this Else If that Else 或使用 If this If that Else 执行速度更快吗 编译器或架构有什么区别吗 两者的内容有很大的区别this 块和that 块可以both以第二种形
  • 如何在 VB.NET 中将接口属性设置为只读?

    这是我之前关于接口的问题的后续 我收到了我喜欢的答案 但我不确定如何在 VB NET 中实现它 上一个问题 该属性应该是我的对象接口的一部分吗 https stackoverflow com questions 239909 should
  • 无法安装 Elasticsearch-5.x 的 Search Guard 插件

    由于限制 我不被允许从互联网上安装任何软件包 所以 这个命令对我来说安装没有用搜查卫士 https github com floragunncom search guard bin elasticsearch plugin install
  • 如果没有导航控制器,抽屉布局将无法工作

    为什么我们无法在没有导航 导航控制器的情况下在 Android 中设置抽屉布局 每当我们想要设置抽屉时 我们都需要一个导航控制器 就像下面这样 private lateinit var drawerLayout DrawerLayout p
  • 将 Sublime Text 3 设置为 git commit 文本编辑器

    我在将 sublime 设置为 git 提交消息编辑器时遇到问题 Using git config global core editor subl 错误 错误 无法运行 subl 没有这样的文件或目录 错误 无法启动编辑器 subl 请使用
  • gatsby 和 graphql:过滤特定的单个图像

    我不太了解 graphql 或 gatsby 但我相信通过将其放入 gatsby config js 中 我的所有图像都会加载到 graphql 中 resolve gatsby source filesystem options name
  • 我应该使用哪种 API 将用户权限提升为 Mac OS X 中的超级用户?

    我想将我的应用程序的权限提升为超级用户 安装程序应用程序通过显示来支持这一点这个对话框 http en wikipedia org wiki File Mac OS X Authenticate png 如何显示此对话框以提升权限 附言 我
  • 如何在 Android N 中的时间选择器中获取 30 分钟间隔

    我想要得到30 min interval from time picker dialog下面的代码可以正常工作Android N但不适用于最新设备 下面是我的代码activity public class MainActivity exte
  • 获取mysql资源字符串的第一行?

    这是我的问题 我需要数据库中的多行 并且我需要第一行来执行某些任务 然后再次遍历所有列表以创建记录集 query SELECT FROM mytable result mysql query query firstrow extract f
  • 使用 SAX 解析器解析 html

    我正在尝试使用 SAX 解析器解析普通的 html 文件 SAXBuilder builder2 new SAXBuilder try Document sdoc Document builder2 build readFile NodeL
  • 使用for循环生成Html表

    请帮助解决以下提到的场景 gt 我想在表格中显示从 1 到 30 的值 这样 1 2 3 应该出现在一个标签中 同样 4 5 6 应该出现在其他 tr 标签中 依此类推 直到 30 值 我想使用表格来显示表格元素中的值 其中像 1 这样的每
  • 您如何将其从 Perl 转换为 Python?

    我有一个 Perl 函数 它接受时间戳并返回未更改的时间戳 如果以前从未见过 否则它会附加一些字母以使其唯一 sub uniqify my timestamp shift state last ts 1 state next letter
  • 使用 C# DotNetZip 在内存中提取 zip 文件失败

    我正在尝试下载并解压 C 中的 zip 文件 特别是 DotNetZip 当我运行这段代码时 HttpWebRequest webRequest HttpWebRequest WebRequest Create reportUrl Http
  • 根据列值删除行

    有没有办法让我根据行包含的值删除行 例如 我有一个表 其中一列中的值包含 URL 值 例如 uk quitclock om2 asp uk quitclock om666 wav 在这里 我需要删除后缀以 WAV GIF 或 JPEG 结尾
  • (Python)socket.gaierror: [Errno 11001] getaddrinfo 失败

    我不确定这段代码有什么问题 我不断收到 socket gaierror 错误 import sys import socket import random filename whoiservers txt server name rando
  • Vim:缩进当前(空白)行并插入

    假设我在缓冲区中有当前文本 其中 标记光标 int main int argc char argv printf Hello world n I have indentexpr上 尽管解决方案是cindent or autoindent可能
  • 将 Kafka Streams 与依赖于标头中架构引用的 Serdes 结合使用

    我正在尝试使用 Kafka Streams 对 CDC 数据执行 KTable KTable 外键联接 我将读取的数据采用 Avro 格式 但它的序列化方式与其他行业序列化器 反序列化器 例如 Confluence 架构注册表 不兼容 因为
  • 每当打开任何工作簿时运行 VBA 宏

    我创建了一个 Excel 加载项 尝试在打开此会话期间打开的任何和所有工作簿时运行 有时它会起作用 但并非总是如此 我不知道为什么 我创建了一个文件 addin xlam 并且在这个文件中 在ThisWorkbook 我有 Private
  • Corona SDK 免费替代品[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我尝试了 corona sdk 免费版 我真的很喜欢它 问题是 我不是很好的开发人员 无法在我的小项目
  • JQuery Animate() 从页面底部向上滑动 div

    希望很简单 但尝试实施其他问题的答案却无济于事 我有一个 div I 我想在文档加载时从页面底部向上滑动 但是 我似乎无法让 JQuery 工作 这是我所拥有的 content width 640px margin auto margin