如何将过渡添加到react滚动事件

文章/答案/技术大牛

发布

1回答

reactjs

我有一个在滚动中消失的div，但它只是跳走了，我想自定义淡出的过渡。class App extends React.Component { scrolled: false, componentDidMount() {

浏览 6提问于2019-06-14得票数 0

1回答

结合用户滚动+动画css3 3/Javascript

javascript、animation、css、scroll、parallax

最重要的：我如何将用户的滚动和动画结合起来？谢谢你们！animation {宽度:300 ms；高度:300 ms：-webkit-转换:宽度2s轻松，高度2s轻松；-moz-转换:宽度2s轻松，高度2s轻松；-o-转换:宽度2s轻松，高度2s轻松；-ms-过渡

浏览 6提问于2012-09-17得票数 3

回答已采纳

3回答

我确信这将是一个非常直截了当的答案，但我无论如何也想不出如何让我的Gatsby/React站点从新页面的顶部开始，而不会在我点击内部链接时产生滚动过渡效果。例如:在我的主页上，我滚动到底部，然后点击一个链接，将我带到“关于我”的页面。加载About Me page时，浏览器滚动位置仍在页面底部，然后窗口滚动到页面顶部。这只需要几毫秒，但当我点击一个链接时，我希望从页面的顶部开始，而不是任何过渡。编辑 添加到我的布局包装器中，添加了useScr

浏览 33提问于2021-03-08得票数 1

回答已采纳

1回答

CSS和JavaScript与反应路由器onEnter的突破

javascript、css、reactjs、react-router

因此，我带来了材料设计Lite，并试图添加一些组件到页面。由于某种原因，所有的组件css都被user agent stylesheet取代了。我想我花了一个小时想弄清楚为什么..。在进入任何路由之前，我将检查用户是否获得以下授权： if (nextState.location.pathname === "/login") { return;

浏览 0提问于2016-09-18得票数 3

1回答

编写桌面LazyRow/LazyColumn不通过鼠标单击滚动

kotlin、android-jetpack-compose、kotlin-multiplatform、compose-desktop

由于某些原因，LazyColumn不使用鼠标单击并移动手势滚动。到目前为止，它只适用于鼠标轮。对于LazyRow，也不可能用鼠标滚轮滚动。看起来懒散的行对于桌面来说是无用的。如果没有，那么至少可以用鼠标轮滚动LazyRow吗？我使用了这个最小的可重复的例子来测试滚动@Preview var text by remember { mutableStateOf("Hello

浏览 23提问于2022-01-19得票数 3

回答已采纳

1回答

React Native-在数据库中插入新记录时自动更新状态值

reactjs、react-native

我对BottomNavigation使用了react-native-paper，我的BottomNavigation代码是：import/map.js';// import AgendaScreen from '.TerritoryRoute =

浏览 1提问于2019-07-16得票数 2

1回答

ScrollBehavior在nuxt js中不能正常工作

vue.js、vuejs2、nuxt.js、nuxtjs

我已经为滚动位置创建了一个文件app/router.scrollBehavior.js，但是当我按下浏览器的后退按钮时，savedPosition没有调用，因为fetch api还没有完成。如何在我的savePosition触发器之后知道应用程序接口何时完成，否则每次滚动都在底部位置。是否有任何方法可以在相同的函数中获取存储、提交获取钩子。

浏览 77提问于2020-09-09得票数 1

1回答

如何检测用户鼠标向上滚动事件而不是真正触发窗口滚动？

javascript、css

我试着做一些页面过渡，像这样的网页。。但它似乎阻止了所有的滚动事件。

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

3回答

如何获得组件的滚动位置？

javascript、reactjs

如何获得ReactJS组件的滚动位置(-which是可滚动的)？我想我必须向我的组件中添加一个滚动事件监听器，但是我被困在那里了，因为我不知道如何将它添加到组件中--只是添加到窗口中。另外，我还可以通过哪个支柱来访问滚动位置？

浏览 7提问于2019-11-13得票数 3

回答已采纳

1回答

将过渡时间添加到onclick事件react

javascript、reactjs

我正在尝试向onClick-event添加过渡时间。HomeCard元素以600px的宽度开始，对于按钮的onClick-event，它正确地达到了100%的宽度。在这种情况下，添加过渡时间的正确方法是什么？

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

1回答

在弹出UIViewController之前向上滚动UITableView

swift、uitableview

我有一个自定义的pop过渡，它依赖于UITableView在执行过渡之前被滚动到顶部。第二次我点击我的UIViewController的后退按钮，我想要向上滚动UITableView，然后它将具有我的转换的正确状态。我已经尝试在视图关闭之前向上滚动UITableView： override func viewWillDisappear(_ animated: Bool) { super.viewWillDisappearself.tableView.scrollToRow(at: IndexPat

浏览 9提问于2020-01-18得票数 0

2回答

React警告非被动事件侦听器对滚动阻止“touchstart”

javascript、reactjs、material-ui

我有一个带有material-ui Slider的react组件。每次此组件呈现时，我都会收到这样的警告：“已将非被动事件侦听器添加到滚动阻止'touchstart‘事件中。请考虑将事件处理程序标记为’被动‘，以使页面更具响应性。” 如何解决这个问题？ ?

浏览 91提问于2019-12-11得票数 3

2回答

React功能组件中的onScroll

javascript、reactjs、onscroll

我不明白为什么onScroll不解雇console.log..<table className="table" onScroll={()=>{console.log("Works")}>它只是没有解雇console.log..。

浏览 59提问于2020-09-10得票数 0

3回答

如何将事件侦听器添加到滚动内容？

actionscript-3、actionscript

我想把一些鼠标事件滚动文本在动态文本字段。{} 如何将eventlistener添加到滚动文本中的每个句子？因为鼠标事件的位置应该在相对文本

浏览 2提问于2011-08-22得票数 1

1回答

安卓系统中的ViewPager滚动问题

android、scroll、android-viewpager、horizontal-scrolling、vertical-scrolling

此ViewPager作为自定义行添加到表视图中。由于此表视图可以具有多个动态自定义行，因此必须在scrollview中添加此表视图以进行滚动。现在我的问题是，当我水平滚动查看寻呼机时，它并不完全是水平滚动，它和一些垂直滚动混合在一起。因此，当检测到垂直滚动时，事件将传递到滚动视图；这使得ViewPager重置到初始位置。那么，如何将事件传回给ViewPager或避免滚动视图捕获垂直滚动</e

浏览 6提问于2012-09-07得票数 3

回答已采纳

1回答

当滚动超过某个值时，如何向元素添加类？

reactjs

当滚动像素超过2px时，我试图向元素中添加一个类，但它不起作用。请问有什么不管用的？ className={`arrowup ${window.pageYOffset >= 2 ?

浏览 6提问于2022-10-10得票数 1

1回答

在新的选项卡屏幕中使用AsyncStorage加载数据

javascript、react-native、react-navigation、asyncstorage

我应该如何使用异步存储在新的导航屏幕中显示数据？_retrieveData = async () => { const value = await AsyncStorage.getItem('sightings'); console.log(value); }

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

2回答

滚动查看器文本块在WP7中滚动

c#、windows-phone-7、scrollviewer

我有一个文本块绑定到滚动查看器来滚动文本。我希望文本滚动自动没有任何用户输入时，一些事件，如按钮点击被激发。我尝试使用ScrollToVerticalOffset，但过渡并不顺利。有没有什么我可以让文本平滑地向上滚动。

浏览 0提问于2011-12-12得票数 3

回答已采纳

1回答

当焦点位于隐藏溢出的容器内的元素时自动滚动

html、css、scroll、focus、scrollbar

我注意到在容器中使用overflow: hidden;时会出现奇怪的自动滚动行为： (你可以通过使用tab键来改变焦点)。它不会触发onScroll()事件，因为溢出被设置为隐藏。所以我想知道我如何控制/重置这个“滚动”？我的目标(没有包含在演示中)是隐藏本地滚动条，并在触发onFocus()事件时在translateY()上使用CSS过渡重新创建滚动效果。

浏览 0提问于2017-11-08得票数 6

1回答

我需要在React中创建一个模糊滚动组件

javascript、reactjs、react-native

有没有人能帮我在React中添加一个模糊滚动组件？我只需要一些简单的东西。当你向下滚动页面时，它只是过渡到模糊效果。我已经为此苦苦挣扎了一段时间了。任何帮助都将不胜感激。

浏览 8提问于2021-02-21得票数 1

点击加载更多