问题标签 [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.

0 投票
1 回答
43 浏览

javascript - 当用户向下滚动时,如何检测到用户在视口的中间?

我有大数据。它需要在虚拟滚动中显示。当用户到达页面末尾时,我正在发出 http 请求,然后我正在发出新的请求以获取新的 25 个项目,并添加到现有的项目中。为此我正在使用

((elemBottom <= docViewBottom + 1) && (elemTop >= docViewTop));返回 true 时,这意味着用户滚动到页面的末尾并且它到了末尾,我需要发出 http 请求来获取新数据并添加它。

lazyLoadTrigger在我显示所有项目之后,是 HTML 中最后一个块的 id。

我现在如何检测用户何时在页面中间发出这个 http 请求,但不是在最后?

0 投票
0 回答
84 浏览

scroll - 无法在 MVC 中为车轮事件设置被动 false

在窗口主体上滚动时出现以下错误。并发现我们必须为鼠标滚轮事件设置被动 false,因为它在最新版本的 chrome 和 Edge 中默认为 true。

错误:[干预] 由于目标被视为被动,因此无法阻止被动事件侦听器中的默认值。

我试图通过在脚本标签下的布局页面中添加以下代码来设置被动错误,但没有任何效果。

  1. document.addEventListener("mousewheel", this.mousewheel.bind(this), {passive: false });
  2. document.addEventListener("mousewheel", {passive: false });
  3. document.addEventListener('wheel', function(e) {e.preventDefault();}, {passive: false });
  4. window.addEventListener('wheel', function(e) { }, {passive: false });