在React App中滚动Navbar

时间:2018-03-22 21:45:38

标签: reactjs navbar

我正在构建我的第一个React应用程序,我想构建一个旋转/滚动的Navbar组件。一些网站上有我尝试构建的示例Fandex(更好的示例)和Numberfire(虽然Numberfire&#39; s不会自动滚动。< / p>

是否有用于在React中构建移动Navbar的Javascript库?

谢谢!

1 个答案:

答案 0 :(得分:0)

首先,您需要熟悉React.Component方法。一般是componentWillMount - 他可以在加载后立即控制页面上任何事件的操作。请参阅:https://reactjs.org/docs/react-component.html#componentwillmount

对于旋转动画,你可以使用React库 - React-Transition-Group(参见:https://github.com/reactjs/react-transition-group),它可以让你完全控制你想要在页面上看到的css效果的状态变化。< / p>

手动滚动怎么样 - 您需要使用一些逻辑实现来编写简单的onmousedown/onmousemove事件,以使其工作并将其绑定到组件构造函数之后。事件如何在React中运行 - 请参阅本手册https://reactjs.org/docs/handling-events.html

为了实现你想要的全面实现,stackoverflow对于这么大的工作来说不是一个幸运的地方,对不起)