当用户在React中滚动到页面上的特定点时，如何隐藏元素？

文章/答案/技术大牛

发布

1回答

javascript、reactjs

我有一个粘滞的导航栏组件，当它在滚动过程中遇到页面上的其他元素时，我想隐藏它。我知道我应该创建一个不透明度值为1的状态，我应该把它传递给元素的样式属性。然后，当我滚动到页面上的特定点时，我应该有一个将状态设置为0的函数，但我不知道如何准确地执行此操作。

浏览 26提问于2021-04-27得票数 0

回答已采纳

3回答

在用户滚动[反应]后，强制滚动到特定点。

javascript、html、css、reactjs

一旦用户滚动到页面上的某个特定点，我希望javascript启动并强制滚动到该页面下面的特定点。例如，如果我有两个div放在另一个上面，一旦用户在第一个div中滚动了50%，我想要一些动画来启动它们并向下滚动到下一个div.的起点。有人知道如何用React来做这件事吗？我已经找到了很多软件包，让我通过让用户点击一个按钮来实现这

浏览 3提问于2020-04-26得票数 0

3回答

在页面上显示onScroll之前隐藏文本的问题

javascript、jquery

晚上好，我有一个问题，隐藏在页面上的文本，当它加载，它应该出现后，我滚动页。但它是可见的，当我到达设定点时，它消失了，并立即再次出现。当我再次滚动到顶部的时候，它就消失了。当我试图用display: none;或visibility: hidden;隐藏它时，它甚至不会出现。我应该在代码中修改什么？谢谢你的帮忙!

浏览 4提问于2016-01-12得票数 0

回答已采纳

1回答

jquery或js在地址栏上相同的hashcode url上按回车时检测到

jquery、events、hashcode、address-bar

我有一页上面有粘稠的菜单栏。这个页面上有一些内部链接。当我单击内部链接时，页面滚动和具有hashcode id的元素移动到顶部。但标题隐藏在粘性菜单中。因此，在加载窗口时，我编写了js代码，如下所示： var hash = window.location.hash.substring$(window).scroll(functio

浏览 4提问于2016-09-03得票数 1

1回答

wowjs / animate.css和隐藏元素

javascript、jquery、css、animation

我页面上的元素是隐藏的(使用jquery的hide())，并通过用户单击菜单项(使用jquery的show())显示。当元素进入可见/显示状态时</

浏览 0提问于2014-11-02得票数 1

回答已采纳

2回答

移动web应用中的滑动页面

javascript、jquery-mobile、iphone

在jquerymobile中，当显示下一个/上一个页面时，会有一个滑动切换，但在iPhone4上，它的行为/动画是这样的--显示Url栏--显示下一页(通过幻灯片切换)--整个页面上移如何避免在移动到下一页时显示/隐藏url栏(以及

浏览 2提问于2011-06-09得票数 7

2回答

NextJs链接到另一个页面，然后使用:react滚动

javascript、reactjs、scroll、react-router、next.js

我正在使用react js Link元素：还有我的应用程序中的一些按钮，这些按钮在单击时滚动到元素：如果<em

浏览 7提问于2020-11-10得票数 3

1回答

动态生成的React按钮不要重新呈现。

javascript、reactjs、redux、react-router、react-redux

我有两个按钮，一个推特按钮和一个类似facebook的按钮。在每一页上我都想把这些拿出来。在第一次加载时，按钮加载得很好。但是，当我移动到下一页时，按钮将不再加载。我追踪到了这样一个事实，即当新页面加载时，react-router不会重新呈现DOM。由于这些按钮是用一些javascript生成的，所以不会再次触发。javascript用表示按钮的</em

浏览 3提问于2017-04-27得票数 1

回答已采纳

1回答

在超时中填充ng-重复时，项不会出现。

javascript、angularjs、css-animations、animate.css、wow.js

当用户在页面上滚动到元素时，我使用来动画元素。我已经使用ng-repeat将一堆元素加载到浏览器中，它们在立即加载时会很好地显示动画。您可以在本演示中看到正确加载的元素：如果删除.wow类，则可以看到元素被添加到页面中</e

浏览 0提问于2014-10-23得票数 1

回答已采纳

2回答

当用户滚动到viewpager中的另一个页面时，如何暂停播放视频(使用react本机-视频)(@react本机社区/查看器)？

react-native、react-native-video

在我的应用程序中，我使用一个ViewPager (@react原生社区/viewpager)来显示几个页面。这些页面中有些包含了我使用react本机视频显示的视频。如果我在一个页面上启动一个视频，然后滚动到下一个页面，视频就会一直在后台播放。用户可以听到视频的音频，尽管音频是不可见的。当用户滚动到下一页时</

浏览 3提问于2020-07-07得票数 4

回答已采纳

1回答

将数组自动投递到另一页

php、arrays、send

我在我的网站上有一个搜索栏，可以调用一个在数据库中进行查询的脚本。查询完成后，我想将结果返回到第一页，但是：我发送了一个值: search.php <form action="..text" id=&qu

浏览 2提问于2017-04-09得票数 0

1回答

表单隐藏DIV的回发

c#、asp.net、forms、html

我有一个竞赛表单，这是一个用户控件，它位于有几个用户控件的页面上。当用户单击一个按钮时，它将显示这个驻留在usercontrol中的表单，div (位于页面上)首先被隐藏。我遇到的唯一问题是，当页面回发时，即使有错误，它也会隐藏DIV。我需要它来保持DIV打开，如果出现错误，表单验证的代码逻辑在用户控件

浏览 0提问于2012-05-25得票数 0

回答已采纳

2回答

平滑地将div动画到特定位置。

jquery、html、css

当单击链接时，我试图使div向下移动到特定点，然后在用户返回主页时返回到原来的位置。站点结构是一个主页，后面是几个隐藏的div，它们都是隐藏的/根据您单击的链接显示的。基本上，我怎样才能动画一个div，使它顺利地移动到一个特定的位置？我尝试过使用它(我不太确定如何使用.animate()，因为我只在

浏览 6提问于2012-09-12得票数 0

回答已采纳

2回答

Selenium ElementNotVisibleException在封装div时的转换应用

selenium、webdriver、carousel、appmobi

我正在使用英特尔的。特别是，我使用的是。但我怀疑对webdriver的了解在这里更有用。当您触摸移动到下一个div时，它会应用一个css转换来动画地滑动页面div过去。这个很好用。然而，webdriver

浏览 13提问于2013-07-15得票数 2

回答已采纳

2回答

使用JSF RequestScoped Bean进行确认页

java、jsf、backing-beans

我有一个JSF页面，它加载一个用户，并允许我为该特定用户分配角色。Backing，AssignRolesBean是@RequestScoped，我希望它能一直这样。然而，这是我的问题……在

浏览 4提问于2011-04-22得票数 1

1回答

滚动到另一个HTML元素时，将CSS类动态添加到固定的DIV中

javascript、jquery、html、css

我在StackOverflow上读到了几个类似的问题，可惜没有一种解决方案对我有效。当css类向下滚动到另一个html元素时，我想动态地向html元素添加一个css类，并在用户滚动回页时删除这个类。具体来说，我想要更改位置:将div元素固定为位置:当div元素到达页脚DIV的顶部时是绝对的，这样就可以有效地停止DIV元素

浏览 4提问于2017-09-01得票数 2

回答已采纳

1回答

对多页网站的反应

javascript、jquery、ajax、reactjs

我在一个多页面的网站上创建了一个React，但我不知道如何将它集成到我们的网站上。对问题的解释 _"/appReact“页面加载页面和React应用程序代码当用户加载网站("/")时<

浏览 2提问于2016-08-09得票数 0

2回答

如何从具有拖动事件的元素的所有子元素中移除指针事件？

javascript、css、google-chrome

我创建了一个全局dragover事件侦听器，以便当它在页面上拖动某些内容时，它会在页面上显示一个拖动区，并在您将光标移出页面时隐藏它： event.preventDefault() // ...问题尝试将任何文件拖动到页面上的</e

浏览 3提问于2018-07-21得票数 3

1回答

在Chrome中显示/隐藏重绘/重绘问题

jquery、css、google-chrome、twitter-bootstrap-3

在Chrome中有一个奇怪的问题，我的站点引导导航菜单中的navbar品牌元素。我们有一个更大的网站标志显示在标题部分，和一个较小的标志在导航栏品牌元素显示默认无。在向下滚动页面时，我们将导航条粘贴到浏览器的顶部，并显示() navbar品牌元素。当滚动回滚时，小徽标应该隐藏</em

浏览 1提问于2015-06-02得票数 1

回答已采纳

1回答

如何在react路由器中等待服务调用完成后再加载下一页

javascript、reactjs、rest、react-router、react-lifecycle

我对一个有四个表单的应用程序有一个问题。卸载组件时，表单的每一页都会执行一次POST。这是业务需求，当用户离开页面时，表单信息是POSTed，所以我不能将逻辑移动到页面上的“下一步”按钮。当表单的下一页加载时，它需要执行GET。我的问题是POST可能需要一些时间，所以GET是在POST之前调用的。在<

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

点击加载更多