在滚动发生之前获取旧值
是指在进行滚动操作之前，获取滚动前的数值或状态。这个需求通常在前端开发中遇到，用于实现一些特定的交互效果或功能。
在前端开发中，可以通过以下几种方式来实现在滚动发生之前获取旧值：
- 监听滚动事件：通过监听滚动事件，可以在滚动发生之前获取当前滚动位置或状态的数值。常用的滚动事件有
scroll事件，可以通过绑定scroll事件的回调函数来获取滚动前的数值。 - 使用
Intersection Observer：Intersection Observer是一种现代的浏览器API，用于观察目标元素与其祖先元素或视窗之间的交叉状态。通过使用Intersection Observer，可以在滚动发生之前获取目标元素的交叉状态，包括滚动前的位置、可见性等信息。 - 缓存滚动前的数值：在滚动发生之前，将当前的滚动位置或状态保存在变量或缓存中。当需要获取旧值时，直接从变量或缓存中读取即可。
以上是一些常见的方法，具体的实现方式会根据具体的需求和场景而有所不同。
在云计算领域中，滚动操作通常与前端开发相关，用于实现网页滚动、列表滚动等交互效果。腾讯云提供了丰富的云产品和服务，可以支持前端开发中的滚动操作需求。例如，腾讯云的云服务器（CVM）可以用于部署前端应用，云数据库（CDB）可以用于存储滚动前的数值，云原生服务（TKE）可以用于部署和管理前端应用的容器等。
请注意，以上只是一种可能的答案，具体的解决方案和推荐产品会根据实际情况和需求而有所不同。
相关·内容
使用React，我正在尝试创建一个类似Tiktok的网站，在那里，它下面的视频将播放(有音频，我知道没有它会更容易)。
我试着用一个window.addEventListener("scroll",...)设置来设置它。但在进一步的研究中，这似乎是行不通的，因为滚动不是允许在手机上播放视频的“有效用户输入”。
经过更多的研究后，似乎播放，然后暂停所有的视频，从一个初始的用户输入点击将工作。虽然我仍然在研究如何播放/暂停所有的视频从那个单一的输入。
无论如何，我的问题是，像tiktok.com和youtube这样的网站如何在滚动时播放声音的自动播放视频？他们是怎么做到的？
浏览 2提问于2021-06-05得票数 3
25回答
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1795提问于2022-11-02
就我个人所知，jQuery .scroll和jQuery Mobile .silentScroll之间的真正区别是什么？我读过silentScroll用于滚动而不触发滚动事件，但这到底意味着什么呢？更重要的是，为什么silentScroll可能更适合手机？
浏览 2提问于2015-05-28得票数 2
回答已采纳
我想自动滚动到顶部，但如果用户开始滚动，就会退出。
我目前所拥有的是提前停止动画，因为滚动动画本身就是滚动的-所以它触发了“如果发生滚动就停止滚动”动作。
function stop_scrolling_to_top(){
// stop animation attached to selector
$('html, body').stop();
}
// scroll to the top automatically
$('html, body').animate({ scrollTop: 0}, 1400, "easeOutQuin
浏览 2提问于2013-07-19得票数 3
在我正在构建的网站中，有一种效果，当你滚动经过某个点时，顶部导航“解锁”，而不是一个固定的元素。它在我的电脑上运行得非常流畅。但是，在iPad或iPhone上，scroll事件如下所示：
$(window).on('scroll', function(){...});
...if当你轻击滚动屏幕时，滚动会自动发生，直到滚动停止时事件才会触发。如果您移动手指滚动，事件不会触发，直到您松开。换句话说，它不会在您移动(即滚动)屏幕时触发。
有没有什么方法可以捕捉到滚动屏幕时用户手指的移动，以及“惯性”移动发生时的移动？如果我的脚本会在这些事件发生时运行，屏幕应该会在整个过程中更新，这
浏览 1提问于2014-06-27得票数 1
5回答
我希望能够在从可滚动的内部div滚动时检测事件，而不仅仅是窗口目标。
例如，我有一个监听滚动事件的指令，这里我需要将‘host：'(window: scroll )’更改为其他值。
import {Directive, Output, EventEmitter} from '@angular/core';
@Directive({
selector: '[infinite-scroll]',
host: {'(window:scroll)': 'track($event)'},
})
export class
浏览 2提问于2016-06-22得票数 15
我的任务是为网页开发类似手风琴的功能。
页眉总是可见的，而主内容(和页脚)则被设计为display: none;。
在标题的末尾，有一个按钮。单击它将触发我的jQuery代码。
代码应该将设置为display: block;，并将屏幕慢慢滚动到元素的开头，设置top =
再次单击相同的按钮，将切换回display: none;并滚动到元素中iframe的开头。
这是jQuery代码：
$(document).ready(function() {
//jQuery: Basic Accordion
$("#accordion").click(funct
浏览 0提问于2021-06-11得票数 2
回答已采纳
我有一个angular 8应用程序，我正在尝试使用window:scroll功能在滚动到达特定组件时加载该组件。我可以通过使用window.pageYOffset来实现这一点，但是由于组件的高度是动态的window.pageYOffset，因此不会有什么帮助。有没有一种方法可以通过识别id或其他东西来识别滚动是否已经到达该组件？我可以使用事件捕获id吗？
这是我尝试过的：
@HostListener('window:scroll', ['$event']) onScroll(event) {
if (window.pageYOffset >= 35
浏览 17提问于2021-03-15得票数 0
1回答
我想通过滚动来控制动画，这意味着一旦滚动达到一定的数字，它就完成了动画，这意味着我不能通过暂停我的滚动动作来暂停动画这是一个单一的触发器，其中前一个更改只是动画与延迟我想要逐渐改变的形状对应于页面高度滚动的百分比，如果页面已经向下滚动10%。正方形应该多10%的圆形，等等，但它需要使用单个代码块来实现，而不是设置多个触发器，这样它就会平滑而不会突然
我已经尝试过了，但这一切都发生在一瞬间。我需要用scroll来控制它。
var canSee = true;
$(window).scroll(function() {
if ($(this).scrollTop() > 60 &
浏览 0提问于2019-08-26得票数 0
当组件卸载时，我有一个使用钩子保存组件滚动位置的React组件。这很好，但在不卸载组件的情况下从一组数据导航到另一组数据时会失败。
例如，假设sidebar中左侧有消息通道的边栏，右边有一个消息列表(messageList)。如果要在两个通道之间导航，messageList组件将使用messageList的一组新数据进行更新，但该组件从未卸载，因此从未保存滚动位置。
我想出了一个可行的解决方案，但同时也提出了警告。
当useEffect ID更改时，我的组件的当前messageList钩子(去掉)和当前保存滚动位置的代码：
// Component...
const usePrevious
浏览 5提问于2020-03-29得票数 1
回答已采纳
现象描述:
一直都用 ssh ubuntu@ip
，今天突然出了 Permission denied, please try again
了用后台重置密码后，再用ssh ubuntu@ip 登录是可以的。
再过半天不到的时间，就发现用不了了，出现：
Permission denied, please try again
试图更改/etc/sshd_config，添加permitpassword authentication 为true,
service ssh restart
仍然不工作
@腾讯云
@腾讯云技术支持
浏览 7796提问于2018-04-17
我正在尝试构建一个DOM事件记录器，这样我就可以回放用户是如何与页面交互的。我想使用jquery.on功能，这样我就可以在页面上记录所有事件。在这个特殊的例子中，我试图记录滚动事件，但最终我想记录所有类型的事件。
这里有一个我的JS小提琴的链接。我希望在用户滚动div之后，文本"Hello“会变成"Bye”。
Herel是html
<div id="parent" style="height: 300px; width: 300px; overflow: scroll">
<div style="height:
浏览 0提问于2013-01-31得票数 5
回答已采纳
4回答
这是一个关于我经常遇到的问题的一般性问题，我需要在特定的屏幕宽度或scrollTop位置发生一些事情，因此我最终触发了整个滚动或调整大小事件。这似乎真的没有必要，而且会影响性能。我想知道我可以采取什么步骤来限制在scroll或resize事件中编写的调用代码，以便我只在需要时触发这些事件。
在下面的例子中，我只想让背景颜色在某个scrollTop偏移量处发生变化，但是因为它被包装在一个scroll事件中，所以它会在每个像素上被触发。
我知道有一些东西，比如lodash，但我不会有同样的问题，在scroll上经常运行油门吗？任何一般方法的帮助都将非常感谢。
$(window).on('
浏览 0提问于2019-08-27得票数 0
1回答
如果路由发生变化，我希望在我移动的页面上找到带有滚动的元素，并给它window.scrollTo(0,0)，我应该如何找到该元素？
当前代码
if (process.client) {
router.afterEach((to, from) => {
document.querySelector('.overflow-scroll').scrollTo(0, 0)
})
}
代码运行良好，但是，我不想使用document.querySelector。我要找到滚动元素时，路线！
浏览 10提问于2022-07-15得票数 0
1回答
我注意到，在我的Angular项目中，当我尝试侦听窗口滚动事件时，我的函数在每个滚动中执行一次，在滚动操作结束时执行。我的函数最多被调用两次:滚动开始时和滚动结束时。
而如果你看一下这个柱塞，我在其中使用了Jquery，它为一个滚动动作记录了超过10次：
$(window).scroll(function() {
console.log($(this).scrollTop());
});
现在的问题是，我试图重现我所犯的错误，但我做不到。事实上，如果你看看这个用angular做的小提琴，它的工作原理就像jquery。
我拥有的代码是相同的：
constructor() {
wind
浏览 1提问于2018-07-27得票数 0
1回答
我想检测一个用户的滚动，并通过添加一个类wjen使一个元素固定到顶部，它是通过责骂和下面达到的。当用户在元素上方滚动时，应删除该类。我不能使用css属性的位置:粘性。
我目前正在使用IntersectionObserver，但它添加的是固定类，即使元素由于!entry.isIntersecting而不在视图中。有办法绕开吗？是否有另一种或更好的方法只在元素下面滚动时添加一个固定的类？
const watcher = document.querySelector('.watcher');
const evu = document.getElementById('b
浏览 14提问于2022-11-15得票数 1
回答已采纳
1回答
我意识到滚动事件上的javascript有点奇怪。
直到现在，我一直确信，只要滚动位置发生变化，它就会被直接触发。
而且因为javascript是阻塞的，所以回调始终是执行的第一件事，也是“看到”这个新值的第一个函数--至少我这样认为。
这里我有一个简单的设置，其中一个全局值被更新到当前滚动位置。然后有一段时间比较这两个人。
现在，如果您快速滚动，有时确实会发生，缓存的值与实际返回的滚动位置不一样。
// cache scroll pos
var scrollPos = 0;
// update on scroll
window.onscroll = function () {
scr
浏览 3提问于2014-09-05得票数 4
回答已采纳
如何检查用户是否在浏览器中向下滚动(或交叉)到特定元素(基于id)，以便检查条件并在角7中动态分配类名？
浏览 1提问于2019-04-20得票数 2
回答已采纳
相信大家对本期腾讯云开发者社区技术沙龙【计算机视觉的原理及最佳实践】还意犹未尽，所以我们请来了沙龙的五位分享嘉宾在本版块为各位开发者们继续解答关于计算机视觉的问题。同时，对本场沙龙感兴趣的小伙伴也可以点击链接直达沙龙活动页，观看沙龙回放并下载沙龙资料。
【分享嘉宾介绍】
image.png
范锦
腾讯云资深技术专家
冀永楠
腾讯云资深技术专家
陈琪
华图在线高级产品经理
卓伟
腾讯云高级研发工程师
周吉成
腾讯云高级产品经理
【问答内容】
1. 图像识别系统的原理和应用方法
2. 腾讯云API搭建图像识别应用的优势？
3. 人脸识别技术在各领域的解决方案
4. 文字识别的技术难点
5. 搭建人
浏览 925提问于2019-04-12
7回答
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3760提问于2018-09-28
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
