如何防止在前置时滚动?

2024-06-25

我将内容添加到正文的顶部。有时该内容的高度可能为 400-500 像素,当添加类似的内容时,在阅读页面时将内容向下推可能会非常烦人。

我希望这些项目自动添加到前面,而不是像单击此处查看新项目那样。

有没有办法在不移动页面的情况下将此内容添加到正文顶部?那么当用户滚动到顶部时它就已经在那里了吗?


我相信最通用的方法是在修改文档之前和之后简单地测量文档高度:

var old_height = $(document).height();  //store document height before modifications
var old_scroll = $(window).scrollTop(); //remember the scroll position

//do anything
$("p:first").prepend( "<p>I just became first</p>" );

$(document).scrollTop(old_scroll + $(document).height() - old_height); //restore "scroll position"

这样您就可以真正执行任何操作,而窗口不会离开您正在阅读的内容:)

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

如何防止在前置时滚动? 的相关文章

随机推荐

  • Android OPEN 微调器,单击按钮即可

    我已经实现了按钮 单击并打开带有微调器的对话框 如下所述here http www dotnetexpertsforum com dialog box with spinner view in android t1485 html 然而 这
  • 如何编写一个简单的版本控制系统?

    我想做一个简单的版本控制系统 但我不知道如何构建我的数据和代码 这是一个简短的例子 用户登录 User has two options when uploading a file 提交新文件 提交文件的新版本 用户应该能够看到树 版本不同
  • woocommerce 在前端按库存和缺货对产品进行排序

    我想首先在产品类别中显示库存产品 或者如果可能的话在任何地方显示 然后我也想在 Woocommerce 中显示缺货产品 其实有很多产品没有数量但是有库存 所以需要检查库存状态 但我更喜欢先有更多的数量 在这种情况下 如何强制当前排序 非常感
  • 如何使用 jQuery 调用需要基本身份验证的 JSON Web 服务?

    我在 javascript 方面有点新手 但我正在尝试调用一个 JSON Web 服务 该服务需要使用 jQuery 或任何真正有效的东西 进行基本身份验证 我在谷歌上找不到任何真正的答案 我想做的事情可能吗 您将需要设置适当的请求标头来传
  • golang 将 big.Float 转换为 big.Int

    将big Float转换为big Int 我在下面编写代码 但它溢出了uint64 那么将big Float转换为big Int的正确方法是什么 package main import fmt import math big func Fl
  • jQuery .append() 产生乱序的 html 元素。为什么?

    我的 html 包含这个 div div 当我在 javascript 中这样做时 container append div container append p container append test content containe
  • Angular 2/4 编辑表单填充 FormArray 控件

    我正在尝试为具有嵌套属性 FormArray 的模型实现编辑表单 我在语法上遇到了问题 并且不确定我是否走在正确的轨道上 主表单的属性有效 这是我遇到问题的嵌套表单 这是我到目前为止所拥有的 这里我发起表单组 private initFor
  • 如何使用官方 MongoDB C# 驱动程序将 BsonDocument 转换为强类型对象?

    出于单元测试的目的 我想测试我的类映射 而无需在 MongoDB 数据库中读取和写入文档 为了处理特殊情况 例如循环父 子引用和只读属性 我使用了BsoncClassMap RegisterClassMap lt MyType gt 一些自
  • Google Apps 脚本 UrlFetchApp 返回未经授权的错误 401

    这是我正在使用的代码 function doc to html id var url https docs google com feeds download documents export Export id id exportForm
  • ReactJS - 排序 - TypeError: 0 是只读的

    我试图在将对象映射到reactjs之前对其进行排序 但每次这样做时 我都会不断收到 TypeError 0 is read only 我注意到加载时 props 是空的 但即使当我试图检查数组的长度并且仅在它大于 0 时应用排序 或者当数组
  • 静态解构器

    我在 Web 服务中实例化了类 该服务在静态成员中保留了一些资源 如果我不是静态地持有这些资源 我可能会通过一些 IDisposable 对象访问它们 我可以在 Dispose 上释放资源 无论保留此会话是否是一个好主意 NET 是否提供了
  • 如何显示base64编码的pdf?

    我必须在新选项卡中显示 base64 pdf 我正在使用下面的代码 var windo window open var objbuilder objbuilder windo document write objbuilder 它可以在 F
  • 具有多种布局的 RecyclerView

    我正在使用 RecyclerView 在 CardView 中显示文本 但我想在 RecyclerView 的顶部添加一个 Header TextView 如下所示 因此 我仅使用 TextView 制作了另一个布局文件 top heade
  • 将在gunicorn上运行的Flask应用程序代理到nginx中的子路径

    我有一个 Flask 应用程序在gunicorn上运行http 127 0 0 1 4000 gunicorn b 127 0 0 1 4000 webapp app 现在我想使用nginx作为反向代理和转发http myserver co
  • 使用反应式表单时将模板引用变量绑定到 ngModel

    我正在使用反应式表单 当输入状态无效时 我会显示错误 这是我的观点 div class form group div
  • 在 Scikit-Learn 特征提取中合并 CountVectorizer

    我是 scikit learn 的新手 需要一些帮助来完成我一直在做的事情 我正在尝试使用多项式朴素贝叶斯分类对两种类型的文档 例如 A 型和 B 型 进行分类 为了获取这些文档的术语计数 我在 sklearn feature extrac
  • 将值插入php多维数组

    如何在 php 中将值插入多维数组 我需要使用 while 循环向数组添加越来越多的行 这是我的代码 size 10 p 0 while p lt size myarray array array number gt data p data
  • Passport-Local 和 deSerializeUser 问题的简单身份验证

    阅读此处有关如何在 Passport 流程中反序列化和序列化用户工作的精彩描述后 了解护照序列化反序列化 https stackoverflow com questions 27637609 understanding passport s
  • Infinispan:如何将嵌入式缓存和独立服务器结合在一个集群中?

    作为概念证明 我尝试使用现有应用程序构建一个 infinispan 集群 该应用程序启动嵌入式缓存和一个或多个独立的 infinispan 服务器 我想展示的背后原因是 有一种通过简单启动新下载的 infinispan 独立服务器来零配置自
  • 如何防止在前置时滚动?

    我将内容添加到正文的顶部 有时该内容的高度可能为 400 500 像素 当添加类似的内容时 在阅读页面时将内容向下推可能会非常烦人 我希望这些项目自动添加到前面 而不是像单击此处查看新项目那样 有没有办法在不移动页面的情况下将此内容添加到正