收听framer scrollComponent上的滚动

文章/答案/技术大牛

发布

1回答

javascript、coffeescript、logic、framerjs

我正在尝试检查帧滚动事件中的deltaY，并且仅当deltaY == 0时才执行函数。if the change of the Y scrolling has been zero for 30 frames, execute functionscrollComp.isMoving但是，如果我尝试这样做，语句的else部分不会打印任何内

浏览 7提问于2017-07-25得票数 1

回答已采纳

1回答

在Framer.js中基于上下滚动的操作

scroll、framerjs

Id希望能够根据下面内容滚动的方向隐藏/显示屏幕顶部的导航。如果我开始向下滚动，导航通过向上移动来隐藏。然后正好相反。else scroll.scroll < scroll.scrollY then psd.subHead.animate y: 0 如果滚动位置小于当前位置，我想要向上移动，如果滚动位置大于当前位置，则向下移动。任何帮助都是非常

浏览 4提问于2016-09-29得票数 0

回答已采纳

1回答

在Framer.js中打印滚动位置

javascript、coffeescript、prototype、framerjs

我在Framer.js做原型。我有一个滚动组件和滚动内容，我试图打印当前x或scrollX位置的内容。因此，如果我向右滚动500 if，代码将打印500。Bg = new BackgroundLayer width: 750 height

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

回答已采纳

1回答

FramerJS -通过滑动在页面上垂直滚动内容

prototype、framerjs

在FramerJS中使用它是真的吗--通过滑动在页面上垂直滚动内容？例如: 1.我在Sketch with mask中有两组。2.将群组导入到FramerJS 3.每个群组都会在分帧器中添加垂直滚动4.我可以将这些图层与包围组一起用于水平滑动的页面吗？？有谁举个例子吗？

浏览 12提问于2016-07-20得票数 0

回答已采纳

1回答

React -在自定义Scroll更改时更新组件类

javascript、reactjs

今天，我正在寻找一种React解决方案，用于在两个组件之间进行通信，并在滚动发生变化时更新TableComponent中的HTML类。ScrollComponent： onScrollMove(){ } // ScrollComponent</

浏览 3提问于2017-05-10得票数 1

1回答

为什么removeEventListener在我的Nuxt应用程序中不能正常工作？

javascript、node.js、vue.js、nuxt.js

当我的应用程序上有搜索结果时，下面的组件呈现，它检查用户滚动是否在页面底部。代码一开始运行良好，但是在导航出页面并返回到页面和滚动之后，我就会得到错误。Uncaught :无法读取未定义的VueComponent.handleScroll属性“getBoundingClientRect” <div class="grid-card-layoutscrolling-component" ref="scrollComponent&

浏览 0提问于2021-07-29得票数 0

回答已采纳

1回答

FramerJS -具有滚动组件的水平滚动条

coffeescript、framerjs

我已经创建了一个可滚动的区域，并试图在图像下面添加一个滚动条(链接图像中的蓝色滚动条)。opacity: 1.00scroll.size = screen Info.parent = scroll.content

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

回答已采纳

1回答

如何在ReactJS和Framer运动中滚动Y时滚动X

javascript、reactjs、css-animations、framer-motion、framerjs

当用户在Y轴上滚动时，如何在div上滚动x。我想重新创建“我们的工作”节在上使用ReactJS和Framer。

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

14回答

在React中导入Framer* v5时出错(使用创建-react app)*

reactjs、motion、framer-motion

当我试图做简单的动画为div使用框架运动。在浏览器中得到以下错误Can't import the

浏览 5提问于2021-10-29得票数 35

回答已采纳

1回答

当scrollY等于0.52 - Next.js时设置动画(带有帧运动)

javascript、reactjs、next.js、framer-motion

我有一个登录页面，在页面的这一部分，我想使用framer-motion生成一个不透明的简单动画。问题是，这些类型的动画只在你第一次进入页面时发生，但我希望它基于滚动位置发生，我如何才能做到这一点呢？= 0.52 && PopUp} animate="visible") 所以基本上，我正在尝试使用来自<em

浏览 55提问于2021-07-02得票数 0

1回答

Framer x找不到模块“框架-运动”

framer-motion

为那些愚蠢的问题事先道歉我是个新手。我正在用framer创建一个演示程序，我正在尝试创建一个使用framer运动的自定义代码组件。我试着使用node.js ohmyzsh、npm和framer仍然输出模块来安装框架运动，但没有找到“我尝试将" framer - motion”改为“framer-motion/dist/framer我使用Mojave 12.0.1，在app的内容中是找不到的</e

浏览 9提问于2022-06-08得票数 0

1回答

单击仅从层列表中的最后一个对象触发的事件，而不是单击对象。

coffeescript、framerjs

我正在用“卡片”开发一个滚动应用程序。当一张卡片被点击时，它应该缩放到屏幕的大小。当你再次点击它，它将回到它以前的帧位置。# This info is presented in a widget when you share. Framer.Infoauthor: ""

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

回答已采纳

1回答

滚动300上的React导航栏修复

reactjs、navbar

最初，我的页眉设置在顶部，我希望页眉在页面向下滚动到300时出现，反之亦然。我的页面上也有'GoToTop‘按钮。我想设置标题和按钮都出现在页面上时，页面滚动到300。我试图首先得到我想要的按钮结果，幸运的是我成功了。现在我也想为我的头做这件事。我不知道应该怎么做才能将标题设置为可见和/或隐藏。我需要帮助。{ } componen

浏览 16提问于2021-07-28得票数 1

4回答

requireNativeComponent:使用闪存列表时的"AutoLayoutView“

javascript、react-native

我想使用flashlist将项呈现到屏幕上，根据文档，我们需要做的唯一的事情就是重命名组件并向组件添加estimatedItemSize属性，所以我做到了，但是我得到了一个奇怪的错误。is located at: in AutoLayoutView (created by ScrollComponent) in View (c

浏览 20提问于2022-08-18得票数 5

3回答

仅在初始页面加载时使用React.Js +帧运动动画

reactjs、animation、framer-motion

我正在做一个React项目，在这个项目中，当组件滚动到视图中时，我会对其进行动画处理。我正在使用Framer Motion。如何才能使动画仅在您第一次滚动组件时触发？现在，如果我向下滚动页面，动画会像预期的那样工作。但是，如果我刷新或离开页面并返回，动画将再次触发。滚动到页面中间，刷新，然后向上滚动，将在以前滚动过的组件上启动动画。我知道这是当组件重新安装时，Framer Motion从初始值到动画

浏览 34提问于2020-09-10得票数 4

回答已采纳

3回答

将一个函数应用于每个单独的反应组件

reactjs

我需要在每个单独的componentDidMount()组件中添加以下内容。window.scrollTo(0, 0); 我如何做到这一点，而不写在每个组件？

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

回答已采纳

1回答

如何解决固定位置元素在滚动时的跳变| React JS，framer-motion

javascript、reactjs、framer-motion

我有一个场景，在滚动过程中，容器的位置从固定更改为相对。在位置转换过程中，我使用了框架运动来提供平滑的效果。framer-motion是一个很好的库来处理这些场景，但是我的代码并不是在所有浏览器上都能像预期的那样工作。当我滚动到位置从固定到相对的偏移量时，它会跳跃并坐在我期望它应该平滑的地方。

浏览 17提问于2020-07-28得票数 0

回答已采纳

1回答

如何导入psd文件并在framerjs中生成图层

javascript、coffeescript、framerjs

我正在使用windows，我有我的psd文件。我想创建一个使用framerjs的交互式原型。我有atom文本编辑器，我已经从http://framerjs.com/static/downloads/Framer.zip下载了framerjs 现在如何导入设计文件，并使用窗口中的框架生成器生成层

浏览 0提问于2016-01-06得票数 1

1回答

当你用框架运动和交叉观察者向下滚动时，反应，动画个别的照片。

reactjs、animation、framer-motion

当你向下滚动到那个特定的照片时，我试着让每一张照片都被动画化。相反，所发生的是整个容器和所有的照片(点击时是博客帖子)是动画作为一个，当你可以看到第一个。如果我在map()内部传递ref，在BlogCardContainer中我得到了相同的效果，但它只在我到达最后一篇文章时才会执行动画，在最后一篇文章之上，照片是在屏幕之外的。所以我相信问题是，我听的是画廊容器的参考，所以当我达到那个滚动，它带来了所有的东西，但如果我听每一张卡，它只听最后一张，然后带着

浏览 5提问于2022-10-19得票数 0

1回答

关于装货窗口、已装货窗口等

javascript、jsf、iframe

现在，我的jsf应用程序中有一个红外，我不能用任何其他jsf组件替换这个iframe。我试图在加载iframe时将滚动条的滚动位置设置为一个特定的坐标。); var frames = window.parent.frames; var iframe = frames['frameR我在alert(iframe)后面放置了一个var iframe = frames['frameR<

浏览 5提问于2011-07-27得票数 1

回答已采纳

点击加载更多