问题标签 [window-scroll]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Jquery 窗口滚动。只打一次
嗨，我有一个关于 jquery 窗口滚动功能的问题。我有这样的代码。
好的，如果 first 是真的，每次滚动时它都会调用每个 1px 滚动窗口。如果为真，这种方式是否只调用一次，但如果其他为真，则检查滚动，只调用一次？
感谢您的回答:)
jquery - 我想覆盖 html 和 body 的动画效果
假设下面是我的代码。我不负责直接更改代码。因此我是通过控制台来做的。我想取消绑定这个 html & body 动画，但 someotherFunction() 应该可以正常工作。可能有太多的功能超出了我的想象，如下所示，我希望一切都按原样工作，但只有动画应该被解除绑定。
react-virtualized - 调整浏览器大小时，AutoSizer 和 Window Scroller 中的表格宽度未正确更新
我正在使用 React-Virtualized 来显示一个包含一长串值的表格。所以它是WindowScroller、AutoSizer和Table的组合。调整浏览器大小时出现问题。这是我的代码：
当浏览器调整大小时，表格的宽度不会相应地更新，因此会显示一个垂直滚动条，尽管它不是必需的；除非它是放大或缩小，然后它都被正确地重新绘制。有谁知道如何解决这个问题？
jquery - 希望图像向上滚动，然后冻结，然后文本滚动它
我有一个元素的背景图像比屏幕的高度高一点。当用户向下滚动时，我希望图像向上滚动，直到图像底部与窗口底部齐平，然后冻结图像，然后允许文本在图像顶部滚动。
我有两个问题。一个是，我希望文本具有透明背景，因此它在图像上流动而没有覆盖背景图像的白色背景。如果用户以另一种方式滚动，另一个是将所有内容反转。请问有人有解决办法吗？
javascript - Reactjs Redux：具有多个不同 GET 请求的无限滚动
我在 reactjs 中构建了一个无限滚动，当用户点击页面底部时，数据是从同一个 API 加载的。现在，这里的问题是从多个不同的 API 获取数据以获取其他数据。那么，实现这一目标的正确方法是什么。请帮我解决这个问题。这是我的代码。
html - 滚动事件未在 Angular-6 中触发
我知道以前有人问过这个问题，但没有一个解决方案对我有用。
我正在从事 Angular-6 项目。我试图在名为SectionComponent的组件之一中获取 Window-Scroll 事件。
html和body标签的样式：
下面是组件的层次结构，它解释了如何管理组件。
我的应用组件：
HTML：
CSS：
app.component.ts：
AppComponent在router-outlet标签中加载名为 HomeComponent 的组件。这个HomeComponent使用 is 选择器加载SectionComponent 。
我的家庭组件：
HTML：
CSS：
home.component.ts：
我的部分组件
HTML：
CSS：
section.component.ts：
我只想在SectionComponent中使用 Window-Scroll 。但是没有一个组件触发该事件。我究竟做错了什么？
css - 是否可以将 CSS Scroll Snap 应用于 HTML 标签而不是 Body 标签
CSS Scroll Snap 允许浏览器将滚动捕捉到容器中的元素。要将相同的逻辑应用于垂直页面滚动，我发现它必须应用于<body>而不是<html>（见下文）。这不是一个主要问题，但它确实有效地创建了一个滚动区域，<body>而不是使用窗口滚动。
虽然这看起来不错，但它有几个副作用：
- javascript中不能再使用窗口滚动功能
- Apple 浏览器上的橡皮筋效果响应速度较慢，并且在 Mac 上的 Chrome 中不存在。
我希望它看起来尽可能原生，因此唯一的结论是将它应用于<html>而不是<body>. 但是，以这种方式应用它会阻止它发挥作用。如果将其应用于两者，它将在 Safari 中正确呈现，但在 Chrome 和 Firefox 中仍会损坏。
问题不是因为<body>在父元素和子元素之间创建了分离，就好像<div>在层次结构中添加了另一个元素一样，它仍然可以正常工作。
这是功能代码，但适用于<body>而不是<html>.
解决一个小提琴：https ://jsfiddle.net/u8tsjven/
jquery - jquery在水平滚动时获取图像偏移量
我在我的网站上使用 jQuery Mousewheel 进行水平滚动。
我试图在滚动时获得图像的偏移权。
使用 $(document).ready 时它可以工作，但是当我尝试使用 $(window).scroll 时，我没有正确的偏移量，并且滚动时偏移量不会更新。
有任何想法吗 ？
这是我的代码：
这是一个 Jsfiddle ：
https://jsfiddle.net/deapzuc4/
谢谢
javascript - Angular 8窗口滚动事件未在移动浏览器上触发
我已经尝试了几乎所有在线可用的解决方案，但没有任何解决方案，以下是我尝试过的几个解决方案
我的实际场景是当屏幕向下滚动时另一个 div 元素从屏幕上消失时显示特定的 div 元素。
我可以在台式机/笔记本电脑上执行此操作，但不能在滚动事件根本不触发的手机上执行此操作。
我正在使用的台式机/笔记本电脑滚动事件侦听器是
而对于移动设备，因为我的滚动事件没有触发，所以我在下面使用
有人可以帮我解决一个问题，我想要的只是让移动浏览器上的 scrollY 位置滚动。
提前致谢！