滚动显示图像时更改文本

时间:2019-03-22 06:56:03

标签: reactjs image scroll textbox anchor

我正在用React构建一个大型的全幅垂直滚动图像的投资组合网站。网页的侧面有一个文本框,当每个图像出现时,我想显示每个图像的标题。

是否有关于在图像出现时如何更改DIV中文本的建议?我什至不知道要搜索什么才能找到答案。任何帮助深表感谢。谢谢!

1 个答案:

答案 0 :(得分:0)

您可以附加一个onscroll侦听器来检测用户何时滚动。在侦听器内部,您需要做一些数学运算以计算当前正在查看的元素。可用于计算的变量是scrollTop(位于容器上,用于确定当前滚动位置)和每个元素的clientHeight。

sorted()

这是一个工作的小提琴: https://jsfiddle.net/uxh91Leq/2/