程序员经验分享-hwhale

自动滚动到页面底部

2023-11-25

我有一个问题清单。当我单击第一个问题时，它应该自动将我带到页面底部的特定元素。

我怎样才能用 jQuery 做到这一点？


jQuery 不是必需的。我从谷歌搜索中得到的大多数最重要的结果都给了我这个答案：

window.scrollTo(0, document.body.scrollHeight);

如果有嵌套元素，文档可能不会滚动。在这种情况下，您需要定位滚动的元素并使用其滚动高度。

nestedElement.scrollTo(0, nestedElement.scrollHeight);

您可以查看一些其他来源：

  • http://www.alecjacobson.com/weblog/?p=753
  • http://www.mediacollege.com/internet/javascript/page/scroll.html
  • http://www.electrictoolbox.com/jquery-scroll-bottom/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

javascript

jQuery

scroll

scrollto

jsscrollintoview

自动滚动到页面底部 的相关文章

  • .push() 将多个对象放入 JavaScript 数组中返回“未定义”

    当我将项目添加到beats数组然后console log用户时 我得到了数组中正确的项目数 但是当我检查 length 时 我总是得到 1 尝试调用索引总是会给我 未定义 如下所示 Tom beats 1 我想我错过了一些明显的东西 但这让

  • 在版本 4.4.6 中禁用 ckeditor 上下文菜单

    我在 Rails4 项目中使用 ckeditor 我尝试了 ckeditor gem 和 ckeditor rails gem 来提供 ckeditor 库 这里有多个帖子 人们希望删除 ckeditor 上下文菜单 以便可以显示本机浏览器

  • 想要动态处理与分页相关的页码显示：ReactJS

    我有一些分页逻辑工作得很好 唯一的问题是我只能让它显示并固定数量的页面可供选择 现在我已经把它放到了 5 页 但我希望它能够根据总记录动态更改 假设我有 100 条记录 每页限制为 10 条 将有 10 页 现在我只能让它以这种方式显示 第

  • 如何在网站上使用 svg 元素制作块的屏幕截图？

    我在网站上创建了一个构造函数 其本质是将所选元素及其颜色 svg中的元素 添加到访问者选择的背景和背景颜色 png中的背景 中 然后必须单击 保存 结果 按钮并仅执行工作区的屏幕截图 我写了这个脚本 但它需要屏幕截图 但只有背景 并忽略选定

  • IntersectionObserver是否支持水平滚动观察？

    我制作了几个垂直滚动 IntersectionObserver 模块 但我对水平滚动感兴趣 根将是 div 观察目标将是 img 我想观察当 img 放大但 div 保持视口宽度时的变化 我什至不确定移动 Safari 是否会将缩放后的图片

  • 导航栏下拉菜单（折叠）在 Bootstrap 5 中不起作用

    我在尝试使用以下命令创建响应式菜单或下拉按钮时遇到问题Bootstrap 5一切似乎都正常 导航图标和下拉图标出现 但它不起作用 当我单击nav图标或dropdown按钮 无dropdown menu apears 我想特别提到的是 我还包

  • ReactTransitionGroup 不适用于 React-redux 连接组件

    我正在开发一个更大的项目 但我创建了这个简短的示例来说明问题 如果我使用Box组件 它的工作原理 它在控制台中输出componentWillEnter and componentWillLeave当我们点击按钮时 如果我使用BoxConta

  • 如何使用 Greasemonkey 监视静态 HTML 页面的更改？使用哈希？

    我希望我的 Greasemonkey 脚本仅在其访问的静态页面具有与以前完全相同的内容时运行 现在我可以设置一个包含该页面哈希的变量 我正在寻找一种动态散列页面的方法 以便我可以将我的散列与生成的散列进行比较 关于如何即时实现散列的任何想法

  • JavaScript RegEx：不同的结果：使用字符串和使用正则表达式“文字”构建模式？

    使用 RegExp 文字与字符串之间有什么区别吗 http jsfiddle net yMMrk http jsfiddle net yMMrk String prototype lastIndexOf function pattern p

  • 如何在另一个自定义 Hook 中使用返回值的自定义 Hook？

    我正在使用 React native 其中有一个名为的自定义 HookuseUser使用以下方法从 AWS Amplify 获取用户信息Auth getUserInfro方法 然后获取返回对象的一部分并用它设置一个状态变量 我还有另一个名为

  • 如何正确取消引用然后删除 JavaScript 对象？

    我想知道从内存中完全取消引用 JavaScript 对象的正确方法 确保删除时不会在内存中悬空 并且垃圾收集器会删除该对象 当我看这个问题时在 JavaScript 中删除对象 https stackoverflow com questio

  • 改变 JavaScript 中的顶部填充

    以下是我在 css 中设置顶部填充的方法 body font size font size px margin 0 padding 100px 0 20px 0 width 100 important 如何使用最简单的 javascript

  • 聆听 Angular 2 中的元素可见性

    我正在为我的网络应用程序使用 Bootstrap 和 Angular 2 v4 我想监听指令中的元素以了解可见性变化 我的元素有一个可以隐藏其子元素的父元素hidden sm up我需要在每次隐藏或显示时触发一个函数 div hidden

  • 使用 Javascript 设置 cookie [重复]

    这个问题在这里已经有答案了 我正在尝试构建我的第一个移动应用程序 它需要连接到我的 mysql 数据库并使用 json 返回数据 这很好 目前我有一个登录系统 一旦确定用户名和密码存在 它就会返回一条成功消息 对于下一步 我想在我的页面上使

  • 使用 Jade 评估自定义 javascript 方法 (CircularJSON)

    我想通过 Jade 将一个对象解析为客户端 JavaScript 通常这会起作用 script var object JSON parse JSON stringify object but my object is circular ht

  • Highcharts jQuery 渲染问题 - 所有浏览器

    我在尝试使用构建堆积柱形图时遇到了一个奇怪的问题高图表 http www highcharts com 当图表呈现时 在您调整浏览器大小之前 不会显示列无论如何 导致图表重绘 我认为 图表的其余部分显示 轴 标题等 但不显示列本身 我在 I

  • 滚动顶部不符合预期

    Note 由于上次忘记奖励而重新开放赏金 A Woff 大师已经给出答案 我想在用户展开某一行时到达该行 这样当最后一个可见行展开时 用户不必向下滚动即可查看内容 I used example tbody on click td green

  • 什么是 WKWebView 中的 WKErrorDomain 错误 4

    fatal error LPWebView encounters an error Error Domain WKErrorDomain Code 4 A JavaScript exception occurred UserInfo 0x7

  • 仅当显式选择行时才关闭 ui-bootstrap typeahead

    我创建了这个jsBin http jsbin com livuqafe 2 edit来证明我遇到的问题 如果您转到此处 请尝试输入 五 并继续 你的自然反应是输入 五 然后按 Tab 如果你想要 五百 你可以向下箭头一次 但是 在这种情况下

  • 使用velocity.js制作可拖动元素的动画

    我正在使用velocity js 为用户拖动的可拖动 SVG 元素设置动画 然而 velocity js 将先前的 mousemove 坐标排队并通过所有后续的 mousemove 坐标进行动画处理 我想要的是velocity js 不要对

随机推荐

  • 删除列表中的重复项

    如何检查列表是否有重复项并返回没有重复项的新列表 获取唯一项目集合的常见方法是使用set 套装有无序的的集合distinct对象 要从任何可迭代对象创建集合 您只需将其传递给内置的set 功能 如果您稍后再次需要一个真实的列表 您可以类似地

  • 如何编写一个特征来检查类型是否可迭代

    有没有办法检查任意变量类型是否可迭代 那么要检查它是否有索引元素或者我实际上可以循环它的子元素吗 例如使用 foreach 是否可以为此创建一个通用模板 我在搜索时发现了其他编程语言的技术 但仍然需要找出如何在 C 中做到这一点 您可以为此

  • Rails 不断告诉我当前尚未安装

    I use rvm管理不同的红宝石及其宝石组合 我的 shell 是 zsh 其中 oh my zsh 配置了基本设置 启用的 oh my zsh 插件有 ruby rails osx 和 git 这是我用来安装 ruby 1 8 7 和r

  • 意外的keyword_end，期待$end（语法错误）

    嘿 我是 ruby on Rails 的新手 我正在尝试从这个博客运行一个简单的程序 但遇到了很多问题错误 http goodbadtech com 2009 05 13 ruby on rails import csv data into

  • 在 Qt 中将字符数组的内容复制到 QString

    我有一个字符指针 在任何运行中都可以有不同的长度 例如 char myChar 一次运行其内容可以是 Hi 在另一次运行中它可以是 Bye 我想复制内容myChar到 QString 例如如果我有 QString myString 我想复制

  • 如何将 Linq 与 Castle ActiveRecord 结合使用

    我正在使用 Castle ActiveRecord 并注意到下载包含该文件 Castle ActiveRecord Linq dll 我还没有找到任何将 Linq 与 ActiveRecord 一起使用的文档 仅some old 博客文章

  • 如何在 C++ 中增加字母？

    我正在用 C 创建凯撒密码 但我不知道如何增加字母 我需要每次将字母加 1 并返回字母表中的下一个字母 像下面这样加 1 a 并返回 b char letter a cout lt lt letter 0 1 这个片段应该可以帮助您入门 l

  • 汇编代码实际上是如何在基础层面上被解释的？

    我真的很喜欢从下到上理解编程 所以 我学习了一台微型 64kb 计算机的内部构造 因为我对从晶体管级别理解计算机非常感兴趣 我了解晶体管 多路复用器 解码器的创建 ALU 的创建等 对于 LC3 我得到了这一点 这是我学到的 像 0001

  • 如何添加泛型约束

    我无法找出如何限制泛型类型 看起来像K需要实施core cmp Eq and core hash Hash特征 我无法在文档中找到所需的语法 use std collections HashMap struct Foo

  • C# 在画布中拖放图像

    我尝试谷歌搜索如何在画布上拖放 UIElements 但找不到我正在寻找的任何内容 我有一个带有 Window 的 C WPF 应用程序 在窗口内我有一个画布 我可以在其中添加图像 我想要的是能够拖放图像 同时保持在画布的边界内 我还希望它

  • 使用新 Excel 动态数组公式的累积和公式

    我在 Excel 中使用新的动态 即溢出 公式 我想要一个动态数组 它是另一个动态数组的累加或运行总计 假设我有以下动态数据A1 A8 12 20 14 13 12 13 26 11 找出这个数组中的差异很简单 OFFSET A1 1 0

  • Javascript instanceof 究竟是如何工作的？是慢风格吗？

    性能如何instanceof 巨大的图书馆 公平吗 它是否沿着原型链向上移动逐个 与此类似 var john constructor while true if Human return true prototype constructor

  • 在内容提供商的帮助下打开资产文件时出现问题

    我的要求是通过内容提供程序从另一个应用程序打开一个应用程序的资产文件 我使用 ContentProvider 实现公开该文件 我可以打开几个文件并阅读 但是在打开一些文件时我遇到了异常 请找到打开资产文件的实现 Override publi

  • Invoke-Sqlcmd无法运行

    我有一个 PowerShell 脚本 用于检查正在运行的服务器的 CPU 级别 如果高于某个阈值 它将运行 SQL 存储过程和电子邮件 该脚本在我的使用最新版本 PowerShell 的开发服务器上正确运行 但是 我在运行时遇到问题Invo

  • Java 中的反向 HashMap 键和值

    这是一个简单的问题 我有一个简单的 HashMap 我想反转其中的键和值 HashMap

  • 在 Linux 上使用 C++ 发送邮件

    有人能给我一个如何使用 C 程序发送邮件的例子吗 我遇到过一些程序 但它们的描述性并不强 如果我需要更多选择 我还想知道还有哪些其他库 您可能感兴趣libcURL 它是一个很棒的多平台 C 库 支持许多不同的协议 包括 SMTP 官方网页包

  • Django：UpdateView 限制每个用户

    我有一个网站 用户可以在其中创建和编辑自己的列表 我使用通用视图 CreateView 来允许用户创建列表 我想使用通用视图 UpdateView 来允许他们编辑列表 但是login required True在这种情况下还不够 因为只有列

  • 类上的 JavaScript 点击事件监听器

    我目前正在尝试编写一些 JavaScript 来获取已单击的类的属性 我知道要以正确的方式执行此操作 我应该使用事件侦听器 我的代码如下 var classname document getElementsByClassName class

  • 避免 Java CMS GC 中升级失败

    我有一个使用 CMS 垃圾收集的 Java 应用程序 每天都会遇到几次 ParNew 升级失败 完整 GC 请参阅下面的示例 据我所知 当垃圾收集在旧一代中找不到足够的 连续的 空间来将对象从新一代提升到其中时 就会发生提升失败 此时 它被

  • 自动滚动到页面底部

    我有一个问题清单 当我单击第一个问题时 它应该自动将我带到页面底部的特定元素 我怎样才能用 jQuery 做到这一点 jQuery 不是必需的 我从谷歌搜索中得到的大多数最重要的结果都给了我这个答案 window scrollTo 0 do

热门标签