onClick 使用 jQuery .animate 转到页面底部

2023-12-30

我有一个表,其中最后一列包含操作按钮,可在表下打开另一个部分。当该部分打开时,正文页面保留在按下操作列中的按钮的位置。我需要使用 jQuery,最好使用 .animate ,它将 .html 页面滚动到表格下打开的部分。

小提琴示例:http://jsfiddle.net/Ksb2W/110/ http://jsfiddle.net/Ksb2W/110/

如果有人可以帮助我解决这个问题。 谢谢。


demo http://jsfiddle.net/h4ZQR/ http://jsfiddle.net/h4ZQR/ or http://jsfiddle.net/byRRY/ http://jsfiddle.net/byRRY/

好的API:http://api.jquery.com/scrollTop/ http://api.jquery.com/scrollTop/

请注意:您可以使用:.animate({scrollTop: $("#whateverdiv").offset().top});转到页面的某些部分。

希望这可以帮助

html

<a href="#bottom" id="hulk">Click me to go to bottom</a>

code

$("#hulk").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");

});​

OR

$("a[href='#bottom']").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});​
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

onClick 使用 jQuery .animate 转到页面底部 的相关文章

  • jquery 上下文菜单插件 - 右键单击​​事件类型在哪里?

    我正在研究下面插件的代码 想知道它在何时何地与 右键单击 事件相关联 它所做的只是 插件参考链接 http www javascripttoolbox com lib contextmenu http www javascripttoolb
  • 如何使用CSS缩放图像以填充div并保持纵横比?

    我想用一个 div 填充img 保持纵横比并根据需要拉伸宽度或高度以适应 div style width 80px height 80px img src div 我怎样才能实现它 如果图像不是二次方的 则必须将其 放大 并根据哪一侧较大而
  • 试图隐藏选择列表中的选项..不适用于 chrome 和 ie

    我有一个选择列表 其中有很多选项 根据某些输入 我想从选择列表中隐藏一些选项 为了隐藏选择列表中的选项 我编写了jquery 例如 selectlist1 option each function this hide 但这段代码似乎只适用于
  • Twitter Typeahead 上使用 Bootstrap 3 的 CSS 问题

    随着 Bootstrap 3 的发布 Typeahead 已被删除 取而代之的是 https github com twitter typeahead js https github com twitter typeahead js 我已经
  • 如何在 Rails 5 中设置资产管道以使用自定义字体?

    我必须使用自定义字体贾米尔 努里 纳斯塔莱克 http www urdujahan com urdu fonts Jameel 20Noori 20Nastaleeq zip在 Rails 5 应用程序中 我以前从未使用过 Rails 中的
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa
  • jquery 中的函数返回未定义[重复]

    这个问题在这里已经有答案了 我在 jquery 中调用的函数返回未定义 我检查了该函数 当我对其进行调试时 它返回正确的数据 function addToPlaylist component type add to pl value pl
  • jQuery:将文本区域滚动到给定位置

    我有一个包含很多文本的文本区域
  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • 返回视图作为 JSON 对象的一部分

    我有一个应用程序只加载一次完整视图 我这样做的原因并不重要 重要的是 其余内容只会以部分视图的形式返回 除了一些内容之外 我还有一些 JSON 对象 我想通过每个 AJAX 请求在服务器之间来回传递 有没有办法返回一个 JSON 对象 并将
  • HTML5 文件 API 和 AJAX 上传分块问题

    我编写了一个带有单独进度的拖放多个文件上传等 除了一件事之外 它工作得非常好 上传较大文件时 有时浏览器会锁定 直到上传完成 我认为这是因为该文件存储在浏览器的内存中并占用了浏览器可用的所有资源 我想知道 是否可以逐段读取文件并在读取时通过
  • 如何在html中定义条件换行符?

    我希望这根绳子断在 如果需要的话 没有地方可以写了 7 380 Ft 159 Ft term kd jjal like 7 380 000 Ft 159 125 Ft term kd jjal 如何在html中实现这一点 nbsp 产生 错
  • 我应该创建一个块还是一个元素 BEM CSS?

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代
  • 为什么我的 Web 组件 CSS 不显示?我没有使用shadowDOM

    我有一个没有使用 ShadowDOM 的 Native V1 组件 所以我将 CSS 放在 但是当其他人使用我的组件时 我的 CSS 就不再起作用了 仅当其组件确实使用 ShadowDOM 时才会发生这种情况 我的组件的示例代码 class
  • jQuery Mobile + Admob:轮换?

    我使用 jQuery Mobile 框架创建了一个移动应用程序 所有页面都在index php中加载 使用 div 在每个页面的页脚中 我添加了Admob代码 div div div
  • 从更多元素中仅获取唯一名称

    我动态渲染了 HTML 其中列出了未确定数量的单选按钮 这些按钮的名称代表数据库中的某些 id 我需要收集收音机的所有唯一名称 这是一个例子
  • 将引导程序弹出框保留在视口内

    我正在尝试使用带有按钮的侧边栏创建一个菜单 每个按钮都有一个指定的包含相关数据的弹出窗口 不幸的是 其中一个弹出窗口可能包含任意数量的行 并且在某些情况下它可能部分位于视口之外 See http jsfiddle net bfd9f 1 h
  • 如何从 html 字符串向 jQuery DataTable 添加多行

    我有一个 jQuery DataTable 我想向其中添加 html tr 行 这些行以 html 字符串的形式出现 我可以使用标准 jQuery 将它们添加到表中 但这意味着它们绕过 DataTable 对象 并在重新排序表时丢失 要使用
  • Cycle2 初始化事件未触发

    我使用 Cycle2 作为基本的轮播 我的幻灯片项目有时在其数据中包含一个 url 因此我必须使用 Cycle2 api 事件来使用该 url 当它存在时 我的问题是 虽然 cycle after 事件触发正常 但初始化事件都不会触发 因此

随机推荐

  • Spring 4.x/3.x (Web MVC) REST API 和 JSON2 Post 请求,如何一次性解决?

    在详细介绍之前 我知道 Stackoverflow 上已经有很多对话和相关问题 他们都以不同的方式帮助我 所以我想我将我的发现全部放在一起作为一个有组织的常见问题解答来总结我的发现 相关概念 您当然知道这些 但我只是将它们写为快速回顾 如果
  • 保留尾随空格 Sybase

    我有一大块文本数据 我将其拆分并写入多行varchar 255 表的列 有时 最后一个字符恰好是空格 当我读回这一行时 尾随空格被截断 我只得到 254 个字符 当我将下一行附加到这一行的末尾时 这会弄乱我的数据 我的代码将完整的 255
  • 从 ASP.NET 到 .NET Core 的 DelegateHandler

    在一个旧的 asp net 项目中 我有一个类实现DelegatingHandler我为每条路线设置的 public class AdminSecurityMessageHandler DelegatingHandler private r
  • 使用 Dynamics CRM Web API 创建帖子

    一个 Post 实体 https msdn microsoft com en us library mt607553 aspx https msdn microsoft com en us library mt607553 aspx 无法使
  • 如果在缓冲区上调用 glBufferData 之后再调用它,是否会发生内存泄漏?

    因为我认为这应该分配缓冲区 如果你调用它两次 旧的会被删除 还是存在内存泄漏 我正在尝试决定根据需要频繁更改缓冲区大小的最佳选择 使用 glBufferData 是最佳选择吗 我想是的 只要不漏水就行 OGL 文档说 glBufferDat
  • 同时读取和写入寄存器

    我计划在 FPGA 上用 VHDL 设计一个类似 MIPS 的 CPU CPU 将具有经典的五级管道 没有转发和危险预防 在计算机体系结构课程中 我了解到第一个 MIPS CPU 用于在时钟上升沿读取寄存器文件并在时钟下降沿写入 我使用的F
  • 最后执行的特定数据库查询

    我知道如何在 SSMS 中使用以下 SQL 获取最后执行的查询 SELECT deqs last execution time AS Time dest text AS Query FROM sys dm exec query stats
  • 组合多个 DbGeography 多边形

    我正在寻找组合多个多边形以减少点数的方法 这会是前进的方向吗 var pol1 DbGeography PolygonFromText POLYGON 2 91790532309701 53 3657440952224 2 91790532
  • 链接器错误(未定义的引用)与“static constexpr const char*”和完美转发[重复]

    这个问题在这里已经有答案了 include
  • 如何在 R 中的特征哈希矩阵上使用 H2o

    我正在研究一个中等数据集 train data 还有 124 个变量和 50 00 000 个观测值 对于分类变量 我通过 R 中的 hashed model matrix 函数对其使用了特征哈希 feature hashing b lt
  • 在临时文件夹中创建了很多临时 magick 文件

    我正在使用imagick https github com gographics imagick用于在 http 处理程序中调整图像大小和裁剪图像的库 其中没有写任何东西 tmp文件夹 但据我所知 该文件夹中正在创建许多此类文件 并且其大小
  • 如何在现有项目中激活 GitLab Pages?

    我想发布我的 Java 项目的代码覆盖率报告already在 GitLab 上 我使用 JaCoCo 在位于以下位置的文件夹中生成代码覆盖率报告app target site jacoco 我发现我必须激活 GitLab Pages 但是这
  • 获取整个索引中的总词频 (Elasticsearch)

    我试图计算特定术语在整个索引中出现的总次数 术语收集频率 我尝试通过使用术语向量来做到这一点 但这仅限于单个文档 即使在指定文档中存在术语的情况下 响应似乎在某个 doc count 在 field statistics 内 处达到最大值
  • Android 3.0及以上版本无法从res中获取xml数据

    类似问题 https code google com p android issues detail id 38929 很少有预定义的xml我把它放在下面res gt raw gt first xml现在我在运行时获取并显示如下数据 Nod
  • 哪些语言特性不能用 lambda 来定义?

    看起来 lambda 几乎可以用于任何事情 即使它看起来更复杂 但它确实有其局限性 lambda 未涵盖哪些用例 lambda 即函数 本身并不是很有趣 这是 JavaScript 中的一个函数 function id x return x
  • 如何在magento中获取特定页面的URL

    我想在 Magento 中获取页面的 URL 键 例如 我有一个名为 What s New 的 CMS 页面 其标识符 或 URL 键 为 whats new 因此它的正确 URL 是http mysite com whats new 目前
  • Gem 未安装,显示连接错误

    当我在创建新的 gemset 后尝试安装像捆绑器或 rake 这样的 gem 时 它没有安装 但如果我安装旧版本 它对我来说工作正常 这是安装gem时的错误日志 gem install rake Fetching rake 0 9 2 2
  • 如何使用 Nexus One 运行层次结构视图

    我正在尝试使用层次结构查看器在 Nexus One 上调试 Android 应用程序 我在桌面上启动层次结构视图 在 设备 下 我看到我的手机 但是当我单击 启动服务器 时 我看到 版本 2 协议 2 当我启动层次结构查看器时 终端上的 v
  • webpack 创建 CSS 组件范围

    我目前正在学习如何使用 webpack 并且在 CSS 文件方面遇到了一些困难 基本上 我使用 AngularJs 1 5 和 TypeScript 创建两个组件 它们每个都有一个模板 其中包含带有 button 类的 div 元素 每个组
  • onClick 使用 jQuery .animate 转到页面底部

    我有一个表 其中最后一列包含操作按钮 可在表下打开另一个部分 当该部分打开时 正文页面保留在按下操作列中的按钮的位置 我需要使用 jQuery 最好使用 animate 它将 html 页面滚动到表格下打开的部分 小提琴示例 http js