Angular4中的onScroll事件触发器函数

文章/答案/技术大牛

发布

1回答

html、angular、typescript、event-handling、onscroll

我正在尝试显示一个分页列表，因此，当用户向下滚动时，我想要触发一个加载更多项的函数。但是我不能在“scroll”事件上调用函数。这是我的HTML文档的样子： <div class</div>在我的

浏览 31提问于2017-08-31得票数 15

回答已采纳

1回答

Javascript使用scrollby和onscroll创建无限循环

javascript

如何在onScroll事件上设置scrollBy而不会在无限循环中结束？这只是创建了无限循环的滚动和onscroll事件。我如何打破它，使onscroll滚动只有10个像素？(不创建任何额外的setTimeout和触发器变量) window.onscroll = function(){ scrollBy(0,10);

浏览 1提问于2019-01-10得票数 0

1回答

如何在android中检测onscroll中的onfling？

android、gesture、onfling、onscroll

问题是，当onscroll正在触发而不是onfling时，我想调用一些函数。然而，我发现如果onfling是触发器，它就会附带onscroll。我注意到它们之间的区别是onscroll + tapUp = onfling。因此，我想要检测以下情况：如何做到这一点？谢谢

浏览 4提问于2013-08-12得票数 0

1回答

FlatList的onScroll在react本机中的事件类型是什么？

typescript、react-native、react-native-flatlist

类型记录是在抱怨参数' event‘隐式为onScroll函数中的事件类型.。<FlatList renderItem={renderItem}/> 然后我追踪onScroll道具在FlatList: ((event: NativeSyntheticEvent<NativeScrollEvent>) => void

浏览 2提问于2022-03-23得票数 0

1回答

将滚动事件数据传递给节流函数

javascript、addeventlistener、throttling

我正在尝试使用wheel事件和节流函数创建我自己的简单的完全高度滚动脚本(因为我只希望每X毫秒注册一卷滚动。我希望将wheel事件的事件数据传递到throttle()函数正在节流的函数中。); 如果我不需要来自wheel事件的数据，这会很好，但是我需要使用event.deltaY来确定onScroll()函数内部的</e

浏览 0提问于2019-03-14得票数 2

回答已采纳

1回答

将jQuery代码转换为纯JavaScript

javascript、jquery

我正试图将一个jQuery代码转换为一个纯JavaScript，但我仍然坚持这样做： resize: someFunction, }).trigger("resize").trigger("scroll")

浏览 1提问于2015-07-07得票数 0

回答已采纳

1回答

要做到这一点，我需要能够估计当用户停止拖动或抛出时ListView将停止的最终位置。在拖动的情况下，当我们收到ACTION_UP或ACTION_CANCEL事件时，我可以简单地读出当前的Y偏移量作为最终位置。然而，在抛出的情况下，当我们接收到ACTION_UP或ACTION_CANCEL事件时，我将需要一些额外的信息来确定ListView由于减速期而停止滚动的最终位置。iOS通过willEndDragging中的ta

浏览 3提问于2015-03-14得票数 2

2回答

onScroll事件在物料ui中的位置

reactjs、redux、react-redux、material-ui

我在中找不到任何说明onScroll触发函数的文档。我的所有组件要么是功能组件和无状态组件，要么是具有mapStateToProps和mapDispatchToProps应用编程接口的容器组件。如何编写材料UI、List和ListItem组件来包含滚动事件，以使mapDispatchToProps中的函数能够运行？有点击事件，但没有像onScroll这样的滚动<e

浏览 0提问于2017-12-01得票数 1

4回答

“轮询”和“滚动”事件有什么区别？

javascript、jquery、browser

当我试图更改默认滚动条属性时，我发现重写scroll()或onscroll事件的回调函数并不方便，相反，我应该为“on轮”事件重写一个回调函数。那么，onwheel和onscroll之间有什么区别呢？我认为浏览器默认的onwheel处理程序会自动触发onscroll函数来移动滚动条，这就是为什么onwheel回调中的preventDefault会阻止滚动条的移动。

浏览 4提问于2015-09-22得票数 15

回答已采纳

1回答

在从页面底部开始计数的特定像素数上触发事件

javascript

我尝试使用纯JavaScript在从页面底部计数的特定像素数上触发一个事件。我唯一成功的事情就是当用户滚动到底部时触发事件。我用以下代码实现了这一点： if ((window.innerHeight + Math.ceil(window.pageYOffset))>= document.body.offsetHeight) { documen

浏览 2提问于2021-06-08得票数 0

1回答

reactjs removeListener不适用于es6类

reactjs

删除window上的事件侦听器不起作用，几乎就像添加和删除事件侦听器的功能不同一样。对如何解决这个问题有什么想法？我还尝试在类外部和文件中抽象onScroll方法，但也没有成功。componentDidMount() { window.removeEventListener('scroll', this.onScroll.bind(this), true); console.log(

浏览 2提问于2016-02-18得票数 1

2回答

无法理解window.onscroll = null在React中的使用

reactjs

window.onscroll = null在这里有什么用？即使当我评论最后一行的时候，它也没有什么区别。const [isScrolled, setIsScrolled] = useState(false); setIsScrolled(window.pageYOffsetfalse : true)};

浏览 3提问于2022-02-07得票数 0

1回答

如何从类方法中删除事件侦听器

javascript

我正在尝试使用与添加事件侦听器相同的引用从函数中删除事件侦听器，但removeEventListener无法工作 } this.elementoScroll.addEventListener('scroll', this.onScroll.bind(this), true);

浏览 0提问于2019-06-03得票数 1

回答已采纳

1回答

window.onscroll箭头函数在Safari中不起作用

javascript、reactjs、function、scroll、safari

我试图检测滚动条上的窗口位置，但window.onscroll = () => {}函数在Safari中不起作用，尽管它在Chrome和Firefox上运行良好。myFunction() { if(someCondition){ } } 由于某些原因，Safari是唯一一个我不能在window.onscroll函数</e

浏览 49提问于2020-04-01得票数 0

回答已采纳

2回答

如何在滚动时更新状态

reactjs、react-native

我有一个州和一个这样的裁判：我有一个包含多个视图的滚动视图View></> // Some stuff// Some stuff </ScrollView&

浏览 2提问于2022-09-05得票数 0

1回答

不使用react的网页的window.onscroll -本机-webview

javascript、react-native

这个应用程序本质上是一个被美化的网站，所以一切都在webapp上实现。我的问题是，react本机web视图不响应window.onscroll中的任何一个函数。我试着在里面做一些类似injectJavaScript的事情，但是滚动函数</e

浏览 8提问于2022-02-09得票数 0

2回答

有人能用"onScroll“和"Animated.event”来解释我吗？

javascript、react-native、animation、react-native-animatable

有人能解释一下Animated.event中的本地文档在onScroll中的反应吗？也可以给我提供一个参考文献的链接，拜托。我不应该把一个函数传递给onScroll (事件) => {某个函数}吗？onScroll={Animated.event( [{nativeEvent: {contentOffset: {x: this._scrollX中是否接收cont

浏览 7提问于2020-11-06得票数 1

回答已采纳

1回答

从<input>读取角度数据

angular

我正在使用VS代码，并且在我的代码中收到警告。searchInput.value); this.fs.updateFilter(""); } } 问题是从输入标记中读取值正如您在代码中看到的，我只是使用id来访问数据，但是VS代码向我显示了一个无法找到searchInput的警告。代码工作正常，但由于我收到警告，我认为我做错了什么。

浏览 13提问于2019-02-01得票数 1

3回答

如何在每次用户滚动时调用javascript函数

javascript、html、ajax

我想在Facebook每次为用户更新提要时(当用户滚动时)调用javascript函数。知道我怎么能做到吗？这样做是行不通的： addArt();谢谢

浏览 2提问于2016-11-04得票数 0

回答已采纳

1回答

ScrollView on涡旋属性中的调用函数

javascript、android、reactjs、typescript、react-native

我有一个动画视图，希望在该onScroll属性中执行多个事件。现在onScroll是这样的： Animated.event(animatedEv(){ [{ nativeEvent: { contentOffset: { y: th

浏览 1提问于2018-08-08得票数 0

点击加载更多